Question

我正在开发ios和android的webapp。在平板电脑上运行时，方向是横向的。

当应用程序在Android平板电脑上运行时，包含的样式文件是正确的，但当应用程序在iPad 2上运行时，包含的样式文件是错误的。

然后我在Android平板电脑上收到警报window.outerHeight和window.outer，它是768和1024.除非我在ipad2上获得1024和1024。它应该是768和1024。

这是元标记：

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />

如何在iPad 2上将window.outerHeight设置为768？

Answer 1

您是否尝试过删除

<meta content="telephone=no" name="format-detection" />

我遇到了这个问题，对我而言，它出现在viewport元标记中（height = device-height）。您代码中唯一可疑的其他似乎是

<meta content="telephone=no" name="format-detection" />

在iPad上，window outerHeight为1024

1 个答案: