2012-09-20 13 views
7

Şu anda üzerinde çalıştığım uygulamada aşırı CSS stili var ve IE8/9 ile bir çeşit kısıtlamaya ve CSS'nin ne kadar yükleyebileceğine inanılıyor. Bir noktada, CSS'yi yorumlamayı keser, bu nedenle bazı sayfalarda stil kırılır. Böyle büyük CSS dosyalarına neden olan dosyaları sıkıştırmak/küçültmek için Combres kullanıyoruz. Bu 400KB-450KB aralığında (Evet, herhangi bir CSS için çok fazla bir yol olduğunu biliyorum) gibi görünüyor.IE8/9 - CSS dosyası için maksimum bayt

Soru sorum: IE'deki tek bir CSS dosyasının maksimum boyutu nedir?

Ayrıca, GZIP sıkıştırma yardımını etkinleştirir misiniz? IIS dinamik/statik sıkıştırmayı etkinleştirdi ve Chrome'da değil, IE'de çalışıyor gibi görünüyor.

+2

Önemli olan dosya boyutunun olmadığını bir yere okuyorum, bu kuralların sayısı. Sözde sınır 4096'dır. (Bulunur: http://big-webowsky.meetpollux.com/2011/10/css-size-limit-in-internet-explorer-8/) –

+0

Seçici sayısında bir sınır var. (4096), –

+0

So 4096'yı bildiğim hiçbir bayt boyutu sınırı tek bir dosya için mi? Örneğin. 4097'nin ikinci bir CSS bağlantısında olsaydı işe yarayacaktı? Ayrıca, bunu referans alan herhangi bir kaynak size bir cevap kazandıracak;) – MorganTiley

cevap

5

Sorunun dosya boyutunda haklısınız (ayrıca, IE'nin ayrıştırılacağı maksimum sayıda seçici olmasına rağmen). Sıkıştırma, yaptığınız küçültmenin ötesine geçmeyecek, ancak CSS'yi iki dosyaya bölerek probleminizi çözecektir.

Tüm sınırlamalar dosya bazındadır. CSS'yi özellik kümesine göre ayırmayı ve gerektiğinde yalnızca CSS'yi yüklemeyi düşünün. css dosya boyutu max IE için yukarı IE9 için

+0

Dünden beri okuduğumdan beri, ben sadece seçmenlerin sayısı sorununun (4095 max) olduğunu gördüm. Bir dosya boyutu sınırı varsa, tam olarak nedir ve göstermek/kanıtlamak için herhangi bir kaynak/sınama var mı? Teşekkürler – MorganTiley

+0

İşte bu konuda bir başkası yazdı: http://joshua.perina.com/africa/gambia/fajara/post/internet-explorer-css-file-size-limit. Sahip olduğum tek kanıt, işte birçok kez bu konuya girdiğim ve dosyaları bölerek çözmem gerektiğiydi. –

5

+0

Testlerim maksimum boyutu 278kb –

2

288KB bu sorun üzerinde geldi ve gerçekten, düşünce ?? Her neyse, çözüm aldatıcı bir şekilde basittir, Paul Young tarafından verilen blessc'i kullanın. http://blesscss.com/
Teşekkürler Paul!

1

Gulp-sakugawa kullanıyorum, ancak yine de oluşturduğunuz diğer dosyaları @import için bir css dosyası oluşturmalısınız.

Sorunum, Bless'ın hala 300k dosyalara bölünmesi ve hala çok büyük olması.

+0

ortaya çıkardı Burada aynı sorun var, ama sakugawa'nın IE8/9 için dosya boyutuna bir kapak koyduğunu göremiyorum. Sakugawa üç dosya çıktığında bile bunlardan biri hala 300kb'dir. – Barryman9000

+0

Ah ... eğer maxSelector'ları oldukça düşük ayarlarsanız, hile yapar gibi görünüyor. – Barryman9000

İlgili konular