初始比例= 1时无法阻止iPhone上的缩放

Question

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

1. 我修改了布局以使用％s并添加了媒体查询。
2. 我添加了视口元标记：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
3. 缩小浏览器窗口时，一切都很顺利。
4. 当我使用Google Chrome的模拟器
时，一切仍然有效

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

我做错了什么？

以下是两个现场演示：

http://secretdesignproject.com/demo/ts/1/index.php/screen/index/941065

http://secretdesignproject.com/demo/ts/1/index.php/screen/index/691674

Answer 1

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

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

尝试一下......

here is a good reference for mediaquey's

祝你好运，