현재 제가 작업하고있는 응용 프로그램은 과도한 CSS 스타일을 가지고 있으며 IE8/9에서 몇 가지 종류의 제한에 도달했으며 얼마나 많은 CSS를로드 할 수 있는지 보였습니다. 어느 시점에서 일부 페이지에서 스타일을 깨는 CSS의 해석을 중지합니다. 우리는 Combres를 사용하여 큰 CSS 파일을 생성하는 파일을 압축/축소합니다. 이것은 400KB-450KB 범위에서 발생하는 것으로 보입니다 (예, 모든 CSS에 대해 너무 많이 사용됩니다).IE8/9 - CSS 파일의 최대 바이트 수
내 질문 : IE의 단일 CSS 파일의 최대 크기는 얼마입니까?
GZIP 압축을 사용 하시겠습니까? IIS는 동적/정적 압축을 사용하며 Chrome에서는 작동하지만 IE에서는 작동하지 않는 것 같습니다.
파일 크기가 문제가되지 않습니다 (IE에서 구문 분석 할 최대 선택자 수도 있지만). 압축은 이미 수행중인 축소 작업 이외에 도움이되지 않지만 CSS를 두 개의 파일로 분할하면 문제가 해결됩니다.
모든 제한 사항은 파일을 기준으로합니다. 기능 집합별로 CSS를 분리하고 필요한 경우에만 CSS를로드하는 것이 좋습니다. CSS 파일 크기가 최대입니다 IE를 위해 IE9에
어제 이후로 읽은 내용에서 셀렉터 수가 # 4095라는 것을 보았습니다. 파일 크기 제한이있는 경우 정확히 무엇이며 파일을 표시/증명할 소스/테스트가 있습니까? 감사합니다 – MorganTiley
다른 사람이 그것에 대해 쓴 기사입니다 : http://joshua.perina.com/africa/gambia/fajara/post/internet-explorer-css-file-size-limit. 내가 가진 유일한 증거는 직장에서 여러 번이 문제에 부딪혔고 파일을 분할하여 문제를 해결해야한다는 것입니다. –
는
내 테스트 결과 최대 크기는 278kb입니다. –
288킬로바이트 나는이 문제를 건너 왔어요, 정말 생각? 어쨌든 해결책은 간단합니다. Paul Young의 blessc를 사용하십시오. http://blesscss.com/
Paul!
Gulp-sakugawa를 사용하지만 방금 생성 한 다른 파일을 @import하기 위해 CSS 파일을 구성해야합니다. https://www.npmjs.com/package/gulp-sakugawa
블레스의 문제점은 여전히 파일을 300k로 분할하고 있는데 여전히 너무 큽니다.
여기에도 같은 문제가 있습니다. 그러나 sakugawa가 IE8/9의 파일 크기를 제한하는 부분을 보지 않습니다. Sakugawa가 세 개의 파일을 출력하더라도 그 중 하나는 여전히 300kb입니다. – Barryman9000
아 ... maxSelectors를 매우 낮게 설정하면 트릭을 수행하는 것 같습니다. – Barryman9000
필자는 어딘가에 중요한 파일 크기가 아니라 규칙 수를 읽었습니다. 추정치는 4096입니다. (발견 : http://big-webowsky.meetpollux.com/2011/10/css-size-limit-in-internet-explorer-8/) –
선택자 수에 제한이 있습니다. (4096), 내가 아는 바이트 크기 제한이 없습니다 –
그래서 4096은 단일 파일 용입니까? 예 : 4097 번째가 두 번째 CSS 링크에 있으면 작동할까요? 또한 이것을 참조하는 모든 소스가 대답을 얻을 것이다; – MorganTiley