2012-09-20 7 views
7

私が現在取り組んでいるアプリケーションでは、CSSスタイリングが過度にあり、IE8/9でいくつかの種類の制限に達していると思われます。ある時点では、CSSの解釈を停止し、一部のページでスタイルを破棄します。私たちはCombresを使用して、このような大きなCSSファイルの原因となっているファイルを圧縮/縮小しています。これは400KB〜450KBの範囲で起こっているようです(はい、それはどのCSSにとってもあまりにも多いことです)。IE8/9 - CSSファイルの最大バイト数

私の質問:IEの単一のCSSファイルの最大サイズはいくらですか?

また、GZIP圧縮のヘルプを有効にしますか? IISはダイナミック/静的圧縮を有効にしています。これはChromeでは動作していますが、IEでは動作していないようです。

+2

私はどこかで、重要なファイルサイズではないことを読んでいます。それはルールの数です。おそらく制限は4096です(見つけた:http://big-webowsky.meetpollux.com/2011/10/css-size-limit-in-internet-explorer-8/) –

+0

セレクタの数には制限があります(4096)、私が知っているバイトサイズの制限はありません –

+0

だから、4096は単一のファイルですか?例えば4097番目のCSSリンクが2番目のCSSリンクにあればうまくいくでしょうか?また、これを参照するソースがあればあなたの答えが得られます; – MorganTiley

答えて

5

ファイルサイズが問題であることは間違いありません(ただし、IEが解析するセレクタの最大量もあります)。圧縮はあなたがすでに行っている細分化以外には役に立ちませんが、CSSを2つのファイルに分割することで問題は解決します。

すべての制限事項はファイルごとに異なります。機能セットごとにCSSを分離し、必要なときにのみCSSをロードすることを検討してください。 IEの場合

+0

昨日から読んだことから、セレクタの数が問題になっています(最大4095)。ファイルサイズの制限がある場合は、正確には何ですか、それを表示/検証するためのソース/テストがありますか?おかげで – MorganTiley

+0

誰かがそれについて書いた記事があります:http://joshua.perina.com/africa/gambia/fajara/post/internet-explorer-css-file-size-limit。私が持っている唯一の証拠は、私が仕事場でこの問題に何度も遭遇し、ファイルを分割して解決しなければならないということです。 –

5

までIE9にcssファイルのサイズは288キロバイト

+0

私のテストでは278kbの最大サイズが明らかにされました –

2

最大である私は本当に、この問題に出くわした、と思いました?とにかく、ソリューションは信じられないほど単純です。ポール・ヤングのblesscを使用してください。http://blesscss.com/
ありがとうポール!

1

私はGulp-sakugawaを使用しますが、作成したばかりの他のファイルを@importするためにcssファイルを構築する必要があります。 https://www.npmjs.com/package/gulp-sakugawa

ブレスの私の問題は、まだファイルを300kに分割していて、まだ大きすぎるということです。

+0

同じ問題がありますが、佐川がIE8/9のファイルサイズの上限をどこに置いているのかわかりません。 Sakugawaが3つのファイルを出力しても、そのうちの1つはまだ300kbです。 – Barryman9000

+0

ああ... maxSelectorsがかなり低く設定されている場合は、そのトリックを行うようです – Barryman9000

関連する問題