0

レスポンシブ Web サイトを設計しています。私の CSS ファイルは、モバイル レイアウト用のブロックで始まり、メモ帳レイアウト用のメディア クエリと、デスクトップ レイアウト用の別のメディア クエリが続きます。メディア クエリをサポートしていない IE8 については、いくつか譲歩したいと思います。SO、現在の構造では、私のサイトを IE8 で表示すると、スタイル シートで最初に検出された CSS ブロックであるモバイル レイアウトに戻ります。IE8ユーザーに期待されるデスクトップモニターとしては見栄えがよくありません。

  1. CSS シートに「古い IE ブラウザの場合は、レイアウト用のデスクトップ ブロックに移動しますか?」というコードを挿入することはできますか? または、「モバイル レイアウトをスキップする」? 別の方法として、別の IE CSS シートを作成し、ソース コード内の条件付きコメントを使用してそれを呼び出すこともできます。それが行く方法なら。
  2. 追加のスタイル シートは、ページの読み込み時間に影響しますか? (まだ IE8 を使用している人々に対応するためにどこまで行くかには限界があります!)
4

1 に答える 1

0

html5 ボイラープレートが条件を処理する方法が気に入っています。次のようにクラスを html タグにアタッチします。

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>

その後、必要なものをターゲットにするのが非常に簡単になります。ポール・アイリッシュが語っています。それが私のサイトの1ページだけであるか、つまりユーザーを罰したいのでない限り、おそらく複数ではなく1つの大きなcssファイルに固執するでしょう。

于 2013-09-11T04:57:40.597 に答える