タグ

ie9とcssに関するruedapのブックマーク (2)

  • IE9以下の1ファイルあたりのセレクタ数の限界についてのリンクまとめ

    IE9以下の4095問題IE10では解決してるようです。 IE10のIE9モードでは再現出来ません。 IETesterであれば再現出来ます。(テストケースが開けない事があるが) 最初の 31 スタイル タグ以降のスタイル タグがすべて適用されるとは限りません。 最初の 4,095 ルール以降のスタイル ルールはすべて適用されません。 @Import ルールが継続的に使用するページ上の他のスタイル シートのスタイルは、3 階層のシートはすべて無視されますインポートする外部スタイル シートをインポートします。 Microsoft サポート 『Internet Explorer での CSS スタイルを使用して、web ページが正しく表示されません。』より 調べた履歴分割Blesscss_splitter記事やテストhttp://jsfiddle.net/ub_pnr/sZNH4/embedde

    IE9以下の1ファイルあたりのセレクタ数の限界についてのリンクまとめ
  • IE 9以下に存在するセレクター数制限にはまった

    IE 9以下に存在するセレクター数制限にはまった 開発中にいきなりCSSが壊れて原因を探っていたらこれに行き着きました。IE 9以下では1つのCSSファイル当たり4,095個までしかセレクターを認識しない。4,096個以上は無視される。ええええ。。 SCSSだと割とカジュアルにセレクター数が増える CSSは出来るだけ1ファイルにまとめたい(リクエスト数削減のため) との組み合わせがやばい。SCSSはセレクターが他のページに影響しないように以下のように書いていました。 // 共通部分 @mixin foo { color: red; .foo { font-size: 2em; // たくさんの指定… ... } } // 影響範囲を以下のページのみに限定したい #page-a { @include foo; } #page-b { @include foo; color: yellow;

  • 1