html – 对galaxy s2的媒体查询

发布时间：2020-12-14 23:17:39 所属栏目：资源来源：网络整理

导读：我为我的网站开发了一个响应主题, 在我的css文件上使用媒体查询. 它在ipad / iphone和小型Android手机上运行良好. 当我到达Galaxy S2时,它似乎忽略了我的媒体查询. 这是我用来定位galaxy s2等媒体查询它是否正确？如果是这样,为什么它不起作用？ @media on

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

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

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

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

谢谢

最佳答案

你的代码应该有效.

您是否尝试添加“方向”,如：

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

}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!