css – @media查询不能在手机上工作 在Chrome中正常工作

前端之家收集整理的这篇文章主要介绍了css – @media查询不能在手机上工作 在Chrome中正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图让这个工作,但不知何故,它不工作在手机。当我使用chrome工具来覆盖屏幕大小,它工作正常。我不知道我在做错什么请帮忙
@media screen and (min-device-width : 320px) and (max-device-width : 480px) {
            .container .backgroundImage { display: none; }
}

浏览器中有一个背景图片。我想删除那个图像,当在手机上查看但它不工作某种方式..请帮助

=============

测试iPhone 3G,4,5,Android Galaxy Nexus

解决方法

@Andy是对的,仔细检查您的设备宽度,或者您可以随时使用最小宽度,以便您不必知道每个设备的宽度。

无论如何,请确保您有一个视口标签,例如< Meta name =“viewport”content =“width = device-width,initial-scale = 1.0”>。

猜你在找的CSS相关文章