html - galaxy s2 的媒体查询

Question

我为我的网站开发了一个响应式主题， 通过在我的 css 文件上使用媒体查询。

它在 ipad/iphone 和小型 android 手机上运行良好。 当我到达 galaxy S2 时，它似乎忽略了我的媒体查询。

这是我用来定位星系 s2 等的媒体查询 - 它是否正确？ 如果是这样，为什么它不起作用？

@media only screen and (min-device-width : 480px) and (max-device-width : 800px)

谢谢

Answer 1

您的代码应该可以工作。

您是否尝试添加“方向”，例如:

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 800px) 
and (orientation : landscape) {

}

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 800px) 
and (orientation : portrait) {

}