webapp 在 iOS 7 中无法正确缩放答案

【问题标题】：webapp not scaling properly in iOS 7webapp 在 iOS 7 中无法正确缩放
【发布时间】：2013-09-24 03:54:41
【问题描述】：

有人遇到同样的问题吗？

content = "width=device-width"

当我的 iphone 仍然是 i0S 6 并且我刚刚更新到 iOS 7 并且它似乎不再工作时它可以工作......或者可能是其他原因导致了问题？

有人有什么想法吗？

现在我正在使用这四个视口

content="width=device-width, maximum-scale=1.0" />
<meta name="viewport" content="initial-scale=1.0">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="user-scalable=yes" />`
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

【问题讨论】：

标签： ios web-applications safari

【解决方案1】：

我刚刚遇到了这个问题。事实证明，您必须将视口信息放在一行上。在以前的 iOS 版本中，视口信息是累积的。现在它只使用最后一个。

试试这个：

<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=yes" />

【讨论】：

嘿，马特，是否可以将这两个应用到同一个元标记中？跨度>
@JerryLai 不，不这么认为。此技巧仅在两个元分配具有相同名称（例如“viewport”）时才有效。在您的情况下，它们都有不同的名称。