iphone 5 上的 Webapp 显示错误的高度

【问题标题】：Webapp on iphone 5 shows wrong heightiphone 5 上的 Webapp 显示错误的高度
【发布时间】：2013-03-28 20:31:42
【问题描述】：

我的 webapp 总是得到错误的测量值。它是 320x460，尽管我希望它是 320x548。

我正在使用以下元标记：

<meta name="viewport" content="initial-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">

所以我不确定我做错了什么。

【问题讨论】：

【解决方案1】：

这可能会对你有所帮助 -

标准视口标签将视口设置为设备的宽度 Android 2.3 设备需要这个，所以 100% 宽度可以正常工作并且不允许孩子放大视口宽度

<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />

width=device-width 导致 iPhone 5 对应用进行信箱处理，因此我们想为 iPhone 5 排除它以允许全屏应用

<meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" />

【讨论】：