即使有媒体查询，网站在智能手机上看起来也大不相同答案

【问题标题】：Website looks way different on smartphones even with media query即使有媒体查询，网站在智能手机上看起来也大不相同
【发布时间】：2013-02-22 00:06:44
【问题描述】：

编辑：我设法调整了一个更好的结果，将视口设置为 0.25。但我仍然有一些可怕的事情发生。例如，操作栏设置为 100%，并且只占屏幕的 70%。

这里有个大问题。

我正在开发一个网站，没什么大不了的。但我也必须让它响应智能手机。

好吧，我正在为此使用媒体查询，并使用窗口调整大小来使用确切的宽度。

我也对 div 使用 % 值，当然不是高度，而是宽度。

当我在 chrome 上“模拟”时，布局工作得很好，一点问题都没有。

但是，例如，当我在 Galaxy S2 上进行测试时，它看起来真的很厚实。我不知道我能做些什么来让它完全一样。

这是我现在正在工作的家。正确的媒体查询是这样的：

@media only screen and (min-width : 320px) and (max-width : 640px) {}

【问题讨论】：

【解决方案1】：

您是否尝试过添加-webkit-min-device-pixel-ratio: 1.5 或and (orientation : portrait)。您可以在此处找到有关移动像素密度的信息：http://bjango.com/articles/min-device-pixel-ratio/

在您的情况下，如果您向下滚动，您将看到 Galaxy S2

【讨论】：