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

Question

我的网络应用程序的测量值总是错误的。它是 320x460，尽管我希望它是 320x548。

我正在使用以下元标记:

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

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

Answer 1

这可能对你有帮助-

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

<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)" />