Chrome 的纺车不会因 <link media="..."> 而停止旋转

Posted

技术标签:

【中文标题】Chrome 的纺车不会因 <link media="..."> 而停止旋转【英文标题】:Chrome's spinning wheel does not stop spinning with a <link media="..."> 【发布时间】:2012-12-11 08:13:13 【问题描述】:

我正在使用 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 中的错误,还是我做错了什么?

【问题讨论】:

【参考方案1】:

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

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

【讨论】:

它只发生在 Chrome 中。它可以下载样式表,但不应无限显示旋转的***。 如果您使用链接标签开始一个新页面并且没有其他标记,它在 Chrome 中的行为是否仍然如此?

以上是关于Chrome 的纺车不会因 <link media="..."> 而停止旋转的主要内容,如果未能解决你的问题,请参考以下文章

[模拟]纺车的轮子 Spinning Wheels

斯威夫特:userInteractionEnabled 用于纺车概念中的子视图

Flash as3纺车

通过 chrome.tabs.create 打开多个标签的问题

Html 表数据在 Chrome 中重叠

如何解决 J2ME 中的“应用程序因内存不足而意外退出”错误