无法在初始缩放 = 1 的情况下阻止 iPhone 上的缩放答案

【问题标题】：Unable to prevent zoom on iPhone with initial-scale=1无法在初始缩放 = 1 的情况下阻止 iPhone 上的缩放
【发布时间】：2014-08-10 14:41:39
【问题描述】：

我正在将以前的固定宽度设计转换为响应式设计。

我修改了布局以使用 %s 并添加了媒体查询。
我添加了视口元标记：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
缩小浏览器窗口时一切正常。
当我使用谷歌浏览器的模拟器时，一切仍然很好

但是当我使用实际的 iPhone 进行测试时，会有额外的宽度导致水平滚动。

我做错了什么？

这里有两个现场演示：

【问题讨论】：

【解决方案1】：

通常您必须使用媒体查询来补充您的响应式设计，并且您可以使用 css 限制浏览器行为，仅用于您的手机渲染

@media (max-width: 640px){
     /*your css code here*/
}

试试看……

祝你好运，

【讨论】：