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

先谢谢你

我已经建立了一个响应迅速的网站，并且有一个移动友好的版本

我遇到的问题是，在我的Nexus 4、iPhone和我尝试过的大多数其他Android设备上，它显示得很好……但在三星Galaxy S2上，它放大了，布局混乱

我得到了viewport meta标记，我尝试了以下操作，但没有成功：

<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

---

谢谢

从CSS中的第1083行开始，您有：

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

---

display属性丢失的值是故意的吗？

Hi，不是故意的否。它是针对一些在媒体查询中显示/隐藏的元素，我认为在CSS的其他地方它有一个值？在一个媒体查询中，我相信我删除了任何。在任何地方从HTML中隐藏类，所以这实际上从未使用过