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

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;
}

显示属性的缺失值是故意的吗？