0

javascript を使用して .css ファイルを先頭に追加し、優先順位が最も高いものを最後に、優先順位が最も低いものを最初に並べます。

お気に入り：

base.css
theme.css
responsive.css

そして、これはIE以外で試したすべてのブラウザで正常に動作します（IE8、9、および10をテストしました）が、順序を逆にすると：

responsive.css
theme.css
base.css

IE(8,9,10) で動作しますが、最新のすべてのブラウザーで動作するとは限りません。

IE 優先度のバグはありますか? 問題なくファイルを静的に追加すると、javascriptの問題であると思われますが、IEだけです。

この問題または解決策について知っている人はいますか?

4

3 に答える 3

0

IE と他のブラウザは、スタイル シートをカスケードする方法に違いはないため、別の問題がどこかにあるはずです。JSfiddle を作成してください。

于 2013-09-23T10:14:55.990 に答える
0

古いバージョンの IE は、レスポンシブ デザインで使用されるメディア クエリを理解していないためです。responsive.css には@media screen and (min-width: 960px).

通常、条件付きコメントは、現在のブラウザーが IE (およびそのバージョン) であるかどうかを検出し、css ファイルをロードするかどうかを検出するために使用されます。

個人的には、レスポンシブ デザインを行う際のモバイル ファーストの哲学が好きです。サンプル チュートリアルがあります: http://gomakethings.com/mobile-first-and-internet-explorer/

これはプログレッシブ エンハンスメントと呼ばれます。最初に最も単純なプラットフォーム用の css を実行し、新しいブラウザー用に追加します。

オプションが必要な場合は、 Graceful Degradationと呼ばれる別の方法があります。これは逆で、フル機能の CSS を使用し、古いブラウザーではこれらの機能を無視または削除します。

クリーンで優れたレスポンシブ デザインを本当に行いたい場合は、これらの両方のプラクティスについて少しググって理解を深める必要があります。

于 2013-09-23T10:08:46.960 に答える