css - Chrome 的纺车不会停止旋转

Question

我正在使用 CSS 文件来适应移动设备：

<link rel="Stylesheet" type="text/css" href="v2-sites-mobile.css" media="only screen and (max-width: 767px)" />

在移动设备（宽度低于 768 像素）上，这可以完美运行。然而，在桌面设备上，当文件sites-mobile.css不应加载时，谷歌浏览器在检查器的“网络”选项卡中将其列为“待处理”：

如您所见，Chrome 将文件视为“尚未加载”。这使纺车无限旋转：

这是 Chrome 中的错误，还是我做错了什么？

Answer 1

即使媒体查询当前不匹配，Web 浏览器仍将下载样式表。

我承认在这种情况下我没有看到 Chrome 中的纺车。您是否也在其他桌面浏览器中尝试过？