1

私はサイトを開発しており、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" />

集計しても、最初のスタイルシートがロードされている場合にのみ表示されます。特に他のブラウザで既に動作しているため、なぜそうなるのかわかりません。

任意の提案、指針をいただければ幸いです。

4

3 に答える 3

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を修正してその問題が発生しないようにすると、おそらく役立つはずです。

于 2012-04-24T06:55:11.073 に答える
0

を使用する代わりに、要素のプロパティを@import使用してみてください。hrefstyle

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

また、CSS は同じドメインに保存されるため、ドメイン名を指定する必要はありません。次のように構造化してみてください。

<link type="text/css" media="all" href="/sites/default/modules/normalize/normalize.css?m2x9bk" />
于 2012-04-23T08:54:29.893 に答える
0

なぜこれを使わないのですか？

<link rel="stylesheet" type="text/css" href="your.css">
于 2012-04-23T08:56:31.267 に答える