【问题标题】:Cordova ipad app 100% height issueCordova ipad app 100% 高度问题
【发布时间】:2016-02-13 17:27:07
【问题描述】:

我刚刚通过 cordova 制作了一个 ios 应用程序,iphone 应用程序看起来不错,因为我对 iphone 始终使用纵向模式,但对于 ipad,我始终使用锁定旋转的横向模式。问题是当我构建一个应用程序并在我的 ipad 上运行它时,风景工作正常,旋转被锁定,但主要问题是我在身体上设置了 100% 的高度,并且不知何故它不适用于 iPad 风景。看起来 100% 没有检测到横向模式,并且自动将高度设置为 1024px,因为如果我在检查中为 body 设置了 768px 高度,那么整个应用程序看起来应该很好。

任何想法可能是什么问题?

【问题讨论】:

  • 你在使用视口元标记吗?
  • 是的,我正在使用,在纵向模式下工作正常,只是在横向模式下,当我在 css 中使用 100% 高度时,检测正确高度会出现问题
  • 然后在问题上提供它...
  • @jcesarmobile <meta name="viewport" id="viewport" content="initial-scale=1.0, user-scalable=0, width=device-width, height=device-height">
  • 尝试移除 height=device-height

标签: ios xcode cordova ipad


【解决方案1】:

如果设置了比例,不要设置宽度和高度

来自apple doc

您不需要设置每个视口属性。如果只有一个子集 设置属性,然后 iOS 上的 Safari 推断其他值。 例如,如果您将比例设置为 1.0,Safari 会假定宽度为 纵向设备宽度和横向设备高度。

【讨论】:

    猜你喜欢
    • 2011-08-09
    • 2017-10-19
    • 2011-09-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多