我一直在尝试在CSS文档中进行媒体查询，例如：
@media screen and (max-device-width: 480px) { /*css here*/}
但是当我在iPhone上进行测试时，它将无法正常工作。我尝试过更改尺寸并使用人像/风景功能，但还是没有。我究竟做错了什么？
当我在HTML的头部链接CSS时，我总是称呼我的。
我正在处理的当前页面上的示例：
<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 320px) and (max-device-width: 500px)" href="css/mobile.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 501px)" href="css/main.css" />
这将选择将从头开始加载的CSS文档，而不是在加载CSS文档后选择样式（减少HTTP请求的数量）
在CSS文档本身中执行此操作时，通常应将替换max-device-width为max-width。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句