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)
谢谢
你的代码应该有效.
您是否尝试添加"方向",如:
@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)