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

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

我遇到的问题是，在我的Nexus 4上，iPhone以及我尝试过的大多数其他Android设备，显示效果都很好......但在三星Galaxy S2上，它放大并正确放置是一个烂摊子。

我已经得到了视区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。

感谢

来源

2013-03-23 cocymsc1986

在你的CSS行1083开始，您有：

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

是对显示属性故意遗漏值？

来源

2013-03-24 16:16:19

嗨，不是故意没有。这是为了显示/隐藏媒体查询中的某些元素，我认为CSS中的其他地方有它的价值？在媒体查询 – cocymsc1986 2013-03-25 21:03:24

我相信我从HTML中删除任何.hide类，因此实际上从未使用过 – cocymsc1986 2013-03-25 22:16:34

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

回答

相关问题