如何防止Android Samsung平板电脑上的带Phonegap的Jquery Mobile使用横向高度作为纵向高度？

Question

这是一个奇怪的问题，我确实有一个解决方法，尽管似乎必须有一个更合理的方法。 对于可在iPhone，iPad和Android手机上正常运行的移动应用； 在运行Android 3.2的Samsung Galaxy Tablet（我拥有的唯一非Apple平板电脑）上分发它时，它会尝试将纵向高度设置为横向高度的尺寸，并在其下方留出空白。

如果我允许这两种方向，并且从纵向到横向再回到纵向，它都会自我校正。 如果我单击从一个JQM页面转换到另一个JQM页面的任何链接/按钮，它将对其进行纠正。 尽管在过渡期间，底部的空白很明显，但随后确实填充了整个视口。

我的解决方法是为包含主页内容的div分配一个id（id =“ home_content”），并将以下代码添加到onDeviceReady（）的开头：$（“＃home_content”）。height（$（ window）.height（））;

有人看过吗？ 如果是这样，我将为您提供更好的解决方案提供任何帮助。

谢谢，肖恩

Answer 1

听起来像是视口问题。 您是否有“视口”元标记？ 我发现我需要为JQM弄乱它。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1/" >

更多信息https://developer.mozilla.org/en/Mobile/Viewport_meta_tag