2012-09-20 31 views
7

Ứng dụng tôi hiện đang làm việc có kiểu dáng CSS quá mức và dường như chúng tôi đã đạt đến một số hạn chế với IE8/9 và CSS có thể tải bao nhiêu. Tại một số điểm, nó ngừng giải thích CSS do đó phá vỡ phong cách trên một số trang. Chúng tôi đang sử dụng Combres để nén/rút gọn các tệp đang gây ra các tệp CSS lớn như vậy. Điều này dường như xảy ra trong phạm vi 400KB-450KB (Có, tôi biết đó là cách quá nhiều đối với bất kỳ CSS nào).IE8/9 - Các byte tối đa cho tệp CSS

Vì vậy, câu hỏi của tôi: Kích thước tối đa cho một tệp CSS trong IE là bao nhiêu?

Cũng sẽ cho phép GZIP nén trợ giúp? IIS có tính năng nén động/tĩnh được bật và có vẻ như hoạt động trong Chrome nhưng không hoạt động trên IE.

+2

Tôi đọc ở đâu đó rằng đó không phải là kích thước tệp quan trọng, đó là số quy tắc. Giả sử giới hạn là 4096. (Tìm thấy nó: http://big-webowsky.meetpollux.com/2011/10/css-size-limit-in-internet-explorer-8/) –

+0

Có giới hạn về số lượng bộ chọn (4096), không có giới hạn kích thước byte nào mà tôi biết là –

+0

Vì vậy, 4096 là cho một tệp duy nhất? ví dụ. nếu 4097 nằm trong liên kết CSS thứ hai, nó sẽ hoạt động? Ngoài ra, bất kỳ nguồn nào đề cập đến điều này sẽ giúp bạn có được câu trả lời;) – MorganTiley

Trả lời

5

Bạn đúng với kích thước tệp là vấn đề (mặc dù cũng có số lượng bộ chọn tối đa mà IE sẽ phân tích cú pháp). Nén sẽ không giúp bạn vượt quá mức tối thiểu mà bạn đang thực hiện, nhưng việc tách CSS thành hai tệp sẽ giải quyết được sự cố của bạn.

Tất cả các giới hạn đều dựa trên cơ sở mỗi tệp. Xem xét tách ra khỏi CSS bằng tính năng thiết lập và chỉ tải CSS khi cần thiết.

+0

Từ những gì tôi đã đọc kể từ hôm qua, tôi chỉ thấy rằng số lượng các bộ chọn là vấn đề (4095 max). Nếu có giới hạn kích thước tệp, chính xác là gì và bạn có bất kỳ nguồn/thử nghiệm nào để hiển thị/chứng minh không? Cảm ơn – MorganTiley

+0

Đây là một bài viết mà người khác đã viết về nó: http://joshua.perina.com/africa/gambia/fajara/post/internet-explorer-css-file-size-limit. Bằng chứng duy nhất tôi có là tôi đã gặp phải vấn đề này nhiều lần tại nơi làm việc và phải giải quyết nó bằng cách chia nhỏ các tập tin. –

5

Đối với IE lên đến IE9, kích thước tệp css là tối đa 288kb

+0

Thử nghiệm của tôi cho thấy kích thước tối đa 278kb –

2

Tôi gặp phải vấn đề này và suy nghĩ, thực sự ?? Dù sao thì giải pháp này là đơn giản, hãy dùng phước lành từ Paul Young http://blesscss.com/
Cảm ơn Paul!

1

Tôi sử dụng Gulp-sakugawa, nhưng bạn vẫn phải tạo một tệp css để @import các tệp khác mà bạn vừa tạo. https://www.npmjs.com/package/gulp-sakugawa

Vấn đề của tôi với Bless là nó vẫn đang chia nhỏ tệp thành 300k và vẫn quá lớn.

+0

Cùng một vấn đề ở đây, nhưng tôi không thấy vị trí sakugawa đặt giới hạn kích thước tệp cho IE8/9. Ngay cả khi Sakugawa xuất ra ba tập tin, một trong số đó vẫn là 300kb. – Barryman9000

+0

Ah ... nếu đặt maxSelectors khá thấp, có vẻ như bạn đã thực hiện thủ thuật – Barryman9000

Các vấn đề liên quan