Question

我正在开发一个网站，我一直在Chrome，IE和我的Android手机上工作。我决定在firefox中测试这个网站，整个事情就崩溃了。在我看来好像所有的CSS都没有加载，但对于我的生活，我无法弄清楚为什么它不会。

直播网站： http://matttucker.onedogdevelopment.com/

在我的源代码中，我有以下内容......

<style type="text/css" media="all">@import url(....); @import url(....); </style>
<style type="text/css" media="all">@import url(....); @import url(....); </style>
<style type="text/css" media="all">@import url(....); @import url(....); </style>

我认为只加载第一个样式元素中列出的CSS文件。

更新 Drupal还允许我聚合css并输出类似下面的内容......

<link type="text/css" rel="stylesheet" href="..." media="all" />
<link type="text/css" rel="stylesheet" href="..." media="all" />
<link type="text/css" rel="stylesheet" href="..." media="all" />

即使在聚合时，只有在加载第一个样式表时才会出现。我不知道为什么会这样，特别是因为它已经在其他浏览器上工作了。

任何建议，指示都将不胜感激。

Answer 1

看看Firefox中报告的CSS错误，这个突然出现在我身上：

Error in parsing value for 'src'.  Skipped to next declaration.

接着是

Unexpected end of file while searching for closing } of declaration block.
Unexpected end of file while searching for '}'.

相关的CSS看起来像这样：

src: local("Meta Serif Book"),
     url(/sites/default/themes/one_dog_development_starter/css/metaserif_book.otf) format("opentype"),
}

注意尾随'，'。事实上，这最终吃了样式表的其余部分看起来像Firefox中的CSS错误处理中的错误给我;我提交了https://bugzilla.mozilla.org/show_bug.cgi?id=748254来跟踪它。但是修复CSS以避免出现这个问题可能会有所帮助。

Answer 2

请尝试使用@import元素的href属性，而不是使用style：

<link type="text/css" media="all" href="URL HERE" />

此外，由于您的CSS存储在同一个域中，因此您无需指定域名。尝试这样的结构：

<link type="text/css" media="all" href="/sites/default/modules/normalize/normalize.css?m2x9bk" />

Answer 3

你为什么不用这个？

<link rel="stylesheet" type="text/css" href="your.css">

Firefox只加载我网站的部分CSS

3 个答案: