Chrome的旋转轮不会停止旋转<link media =“...”/>

时间:2012-12-25 09:10:19

标签: css google-chrome responsive-design media-queries

我正在使用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会在检查员的“网络”标签中将其列为“待处理”:

enter image description here

如您所见,Chrome会将该文件视为“尚未加载”。这使得纺车无限旋转:

enter image description here

这是Chrome中的错误,还是我做错了什么?

1 个答案:

答案 0 :(得分:1)

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

我承认在这种情况下我还没有看过Chrome中的旋转轮。您是否也在其他桌面浏览器中尝试过它?