适用于iPhone 5的homescreen-webapp的高度
适用于iPhone 5的homescreen-webapp的高度
提问于 2012-12-10 05:40:34
我有一个问题，适合网页应用程序(主屏幕)的高度。我正在使用以下元标记：
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />我的问题是，屏幕的顶部和底部都有黑条。首先，我认为这是iPhone 5的一个错误，因为屏幕更高。但今天我看到了一个网页应用程序(apps.ft.com/ )，它非常适合iphone5屏幕。
有什么想法吗，我做错了什么？
这里是我的完整的相关元标记
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon-precomposed" href="img/icons/ios_icon_52.png">
<link rel="apple-touch-icon" href="img/icons/ios_icon_52.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/icons/ios_icon_72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/icons/ios_icon_114.png">编辑：经过一个小时的搜索，我找到了如何强制浏览器适应全高的解决方案。当我定义一个启动图像(apple-touch- startup - image )时，我的iphone才适合这个高度。下面是我的代码：
<!-- iPhone 4 (Retina) -->
<link href="img/icons/apple-touch-startup-image-640x920.png"
media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image">
<!-- iPhone 5 -->
<link href="img/icons/apple-touch-startup-image-640x1096.png"
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13792140
复制相关文章
相似问题