为什么Drupal 7比<link>标签更喜欢CSS @import规则?


25

@import许多人说:“不要使用。”

使用存在许多缺点@import

  • @import在样式表中使用可以使页面的总下载时间再增加一次往返。
  • @import在IE中使用会导致下载顺序被更改。这可能会导致样式表的下载时间更长,从而阻碍了进度渲染,使页面感觉变慢。

为什么Drupal 7使用它?

我想将@import规则更改为<link>标签。我怎样才能做到这一点?


1
+1问题,我只想问一个问题,然后找到您的问题,谢谢!
Sk8erPeter

Answers:


22

不要使用@import导入css文件

@import仅在非CSS聚合模式下使用。这样做是为了解决IE限制标签数量的问题。

这应该说明原因以及如何消除它。任何生产站点都应使用CSS聚合,并且不能使用@import。


1
+1,谢谢您的回答。因此,这是在Drupal 6中必须使用IE CSS Optimizer模块(drupal.org/project/ie_css_optimizer)的一种解决方法,以解决Internet Explorer拒绝加载超过31个链接的样式表的问题。
Sk8erPeter

我知道这是几年后的事,大多数理智的人都不使用IE。不幸的是,我不为大多数理智的人工作。在IE 8中使用response.js时,无法使用@imports正常工作。这个陷阱可能很难找到
DeveloperChris

对于我来说,我从未遇到过IE标签限制。因此,这似乎是愚蠢的决定。覆盖几乎永远不会发生的问题。如果有很多CSS文件,则必须考虑如何合并其中的大部分。为了加快页面加载。
Rantiev 2014年

-1,此答案不能回答原始帖子中的两个问题。为什么Drupal使用@import以及我们如何更改它?
科林
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.