我正在使用一个 CSS 文件来适应移动设备:
<link rel="Stylesheet" type="text/css" href="v2-sites-mobile.css" media="only screen and (max-width: 767px)" />
在移动设备(宽度小于 768 像素)上，这非常有效。然而，在桌面设备上，当不应加载文件 sites-mobile.css 时，Google Chrome 会在检查器的“网络”选项卡中将其列为“待定”:
如您所见，Chrome 认为该文件“尚未加载”。这使得纺车无限旋转:
这是 Chrome 中的错误，还是我做错了什么？
最佳答案
即使媒体查询当前不匹配，Web 浏览器仍会下载样式表。
我承认在这种情况下我没有在 Chrome 中看到纺车。您是否也在其他桌面浏览器中尝试过？
关于css - Chrome 的旋转轮不会随着 <link media ="..."> 停止旋转，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14029252/