适合iphone 5的homescreen-webapp的高度?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (13)

我有一个适合webapp(主屏幕)的高度的问题。我使用下面的元标记:

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

我的问题是,屏幕顶部和底部都有黑条。首先我想知道,这是iphone 5的一个bug,因为屏幕太高。但是今天我看到了一个webapp(apps.ft.com/),它非常适合iphone5屏幕。

任何想法,我做错了什么?

这里是我完整的相关meta标签

<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">
提问于
用户回答回答于

用这个

<meta name="viewport" content="user-scalable=0, initial-scale=1.0" />
用户回答回答于

这是导致问题的视口元标记中的“宽度”定义!删除宽度解决了我的问题。

扫码关注云+社区

领取腾讯云代金券