媒体查询galaxy s2

lio*_*r r 5 html css media-queries galaxy responsive-design

我已经为我的网站开发了一个响应主题,通过在我的css文件上使用媒体查询.

它在ipad/iphone和小型Android手机上运行良好.当我到达Galaxy S2时,它似乎忽略了我的媒体查询.

这是我用来定位galaxy s2等媒体查询 - 它是否正确?如果是这样,为什么它不起作用?

@media only screen and (min-device-width : 480px) and (max-device-width : 800px)
Run Code Online (Sandbox Code Playgroud)

谢谢

Rok*_*jan 8

你的代码应该有效.

您是否尝试添加"方向",如:

@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) {

}
Run Code Online (Sandbox Code Playgroud)