iPhone视口混乱/ window.innerHeight

Question

我在将网站安装到iphone的屏幕尺寸方面遇到了麻烦。

我正在做的是以下内容：我有一个幻灯片，其中一些图片在页面背面全屏运行，顶部有一些文字。

当我设置幻灯片时，我会执行以下操作：

$('#bg').css('width', window.innerHeight).css('height', window.innerWidth);

然后我插入幻灯片并缩放并相应地裁剪图片。这适用于所有基于桌面的浏览器。然而，iPhone并没有返回它的实际屏幕尺寸，而是返回5000，所以我得到了一个相当大的幻灯片。根据给定的CSS，其余的布局似乎完全正常。

我确实知道iPhone上的视口“事物”并且已经读过这个：http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/UsingtheViewport/UsingtheViewport.html这导致我插入以下元标记：

<meta name="viewport" content = "user-scalable=no, initial-scale=1" />

然而，这并没有任何区别，iPhone仍将返回5000px的维度。

任何人都可以告诉我我做错了什么？非常感谢！

Answer 1

好的，那么我的诀窍是使用这种元标记的组合：

<meta name="viewport" content="user-scalable=no, width=device-width" />

Answer 2

在元标记中尝试width = device-width - 并确保您没有任何其他5000像素宽的元素。