即使有媒体查询,网站在智能手机上看起来也有所不同

时间:2013-02-21 15:06:33

标签: css css3 media-queries

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

我在这里遇到了一个大问题。

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

好吧,我正在使用媒体查询,窗口调整器使用确切的宽度。

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

当我在Chrome上“模仿”时,布局工作得很好,完全没问题。

但是当我在Galaxy S2上进行测试时,看起来真的很粗糙。我不知道我能以同样的方式做些什么。

http://www2.madeinweb.com.br/jobs/adc/prototype/html/

这是我正在努力的家。适当的媒体查询是这样的:

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

1 个答案:

答案 0 :(得分:0)

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

在您的情况下,如果向下滚动,您会看到Galaxy S2