【问题标题】:How to handle only landscape orientation on my app?如何在我的应用程序上仅处理横向?
【发布时间】:2013-11-26 08:39:45
【问题描述】:

我正在构建一个主要用于平板电脑或 iPad 的应用程序,但我只是注意到该设计仅适用于横向视图。我试了头像,不好看。虽然在我继续编写应用程序之前,我想知道如何处理这个问题,或者阻止用户以纵向方式看到应用程序。

我检查了一下,我知道对于 android 我可以使用这样的东西: android:screenOrientation="sensorLandscape"

但是 iPad 呢? 如果我可以说,我希望有一些更“普遍”的东西

我使用 HTML5、JQuery 和处理滑动我使用 Hammerjs 没有别的,我没有使用任何移动框架,因为它更像是带有一些文本和图像的旋转木马。

【问题讨论】:

  • 在 iOS 上,它是 App Target 中的一个简单配置,您只需允许 Landscape Left 和 Landscape Right

标签: ios ipad tablet


【解决方案1】:

在 iOS 上,这是 Xcode App Target 中的一个简单配置,您只需允许 Landscape Left 和 Landscape Right。

如果您使用 UIKit 来构建应用程序,您可以为每个 UIViewController 实例配置它

更新:(HTML 解决方案)

将 css 规则“transform: rotate(90deg)”与设备方向上的 css 媒体查询结合起来,但要让一切正常运行会很棘手......

【讨论】:

  • 在 CSS 或 JS 中有什么我可以使用的吗?我只是使用 HTML5 和 JQuery,因为它不是带有一些文本和图像的轮播,所以我发现为此使用框架没有用
  • 您想阻止 safari 浏览器转到纵向?这是不可能的。
  • 但您可以在设备方向上使用 css 媒体查询隐藏您的应用。并显示另一个 div 说“此网页仅适用于横向”
  • 可能不会阻止它进行纵向显示,但即​​使是横向显示它也可以显示 90 度横向
  • 您可以将 css 规则“transform: rotate(90deg)”与设备方向上的 css 媒体查询结合起来,但要让一切正常运行会很棘手......
猜你喜欢
  • 1970-01-01
  • 2016-02-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-04-21
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多