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

时间:2013-04-06 11:58:05

标签: html css web-applications viewport

我总是得到错误的webapp测量值。它是320x460,尽管我预计它会是320x548。

我正在使用以下元标记:

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

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

1 个答案:

答案 0 :(得分:3)

这可能对你有帮助 -

标准视口标记,用于将视口设置为设备的宽度 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)" />