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

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