移动优化网站在不同浏览器上的不同缩放级别

Question

提前致谢...

我已经构建了一个响应迅速且具有移动友好版本的网站。

我遇到的问题是，在我的Nexus 4，iPhone和我尝试过的大多数其他Android设备上，显示效果很好......但在三星Galaxy S2上，它会直接放大并且布局是一团糟。

我有视口元标记，我尝试了以下内容，但无济于事：

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

三星都不好！ 任何人都可以看到问题并帮助它让我发疯！ 如果您想查看来源，有问题的网站是dsimcockandson.com。

由于

Answer 1

从你的CSS第1083行开始：

.hide {
    display: ;
    text-align: center;
}

显示属性的缺失值是否有意？