Html IOS 7 safari忽略视口标记

如果您在IOS7设备上查看Safari中的内容，您将看到内容略微放大，页面可以水平滚动。它在其他移动设备上不能做到这一点，例如在我的nexus上，它完全适合屏幕，你只能垂直滚动。它过去在IOS6上表现良好，但自从改为IOS7后，它的表现开始变得异常古怪

我有以下视口标记：

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

---

页面宽度固定在375px左右，iphone屏幕的宽度为320px（甚至视网膜屏幕也呈现这种宽度）

如果您不提供相关代码，我无法告诉您修复方法，但这正是问题所在。

尝试以下方法：

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

终于破解了！Andrew是对的，我需要将最小宽度更改为320px，我还必须从视口标签中删除宽度=设备宽度测试：iPad Air IOS 7.0.4-工作正常。只能垂直滚动。

body{overflow:hidden}

可能是&-这里我给你拍了几个屏幕截图（屏幕上有滚动条），你只能看到一个滚动条，因为这是我滚动的唯一方式。希望这对你有所帮助。只要看看你的代码就知道了

body.container{min width:360px！important；}

很高兴能为您提供帮助，如果您找到了答案，请将其标记为已回答。您还应该在viewport标记中保留

width=device width