在Desire HD上使用媒体查询时,我一直遇到各种各样的问题,因为Android浏览器会自动以更高的分辨率渲染页面并缩小页面。基本上,它认为它的屏幕宽度比它的宽得多。

我发现解决此问题的方法是使用Meta Viewport标签停止缩放... 通用标签

起初,这似乎起作用了,因为它触发了正确的媒体查询。手机的水平分辨率为480px,并触发了我的(320px-480px)媒体查询。

然后我使用一些javascript将计算出的视口输出到屏幕上... 通用标签

计算所得为369px,我认为这很奇怪。然后,我使用将min和max设置为369px的媒体查询进行了检查,并触发了该查询(至少匹配)。那么,为什么本机分辨率为480px,浏览器为何认为它是369px?

我们将不胜感激。

乔恩

有帮助吗?

解决方案

没有找到确切的答案,但是我发现在媒体查询方面,最好不要使用设备的确切结果,只需调整媒体查询,直到内容看起来正确为止:)

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top