ie9 이하 버전의 제한

CSS 2014. 2. 26. 17:21

ie9 이하 버전에 셀렉터 제한이 있었다!!!!!

처음엔 라인 버그인줄 알고 이게 뭐지? 했었는데....셀렉터 제한이라니...-_-;ㅋ

이상한거 들어간 줄 알고 눈알 빠지게 찾을뻔 했구료.....

 

펌글 : http://mkyoon.com/105

원문 :

 

CSS Limit #1.


하나의 CSS 파일의 크기가
288kb를 넘어설 경우,
인터넷 익스플로러에서는 읽어들이지 못하는 버그가 있다고 합니다.


CSS Limit #2.


CSS 선언. 즉, #selector { } 이러한 스타일 지정 갯수가
4096개를 넘어설 경우,
역시나 인터넷 익스플로러에서 읽어들이지 못하는 버그가 있다고 합니다.


CSS Limit #3.


@import 를 사용하여 여러 CSS 파일을 한 CSS 파일에 모아 관리할 수 있죠.

- style.css -
@import url
("style_one.css");
@import url
("style_two.css");


이러한 @import 갯수가 32개를 넘어설 경우,
그리고 그 depth 또한 3개의 chain을 넘어설 경우, (style.css>style_one.css>style_ie.css)
또 역시나 인터넷 익스플로러에서 읽어들이지 못하는 버그가 있다고 합니다.

위와 같은 수치 이상으로 늘어나지 않도록,
언제나 조심해야겠습니다.-_-; (언제나 신기한 IE.)

 

 

펌글 : http://invalid.kr/ie-css-selector-limit/

어제 트위터를 하다가 본 글인데
twitter article
IE 9이하는 하나의 css파일에 선택자가 4095개 이상이면 더이상 적용이 안된다는 글을 보고 테스트 해봤다.

결과는 아래
limit
ie에서는 4095까지만 css 가 적용되었고 4096이상은 적용되지 않았고 파이어폭스는 다 적용 되었다.
뭐지… 왜 이런 제한을 두지…??

하…노가다 할뻔 했는데 zen-coding

'CSS' 카테고리의 다른 글

css calc 함수  (0) 2016.06.08
css 무료 벡터 아이콘  (0) 2015.07.22
One-Time Expression 한번만 실행시키자.  (0) 2012.07.27
대체 텍스트기법  (0) 2012.06.27
하단 풋터고정  (0) 2012.06.07
: