같은 CSS 명령어 지만, 브라우저 마다 다르게 해석하거나,


지원하는 방법이 틀린 것들이 존재한다.


이는 CSS3의 웹표준이 아직 정해지지 않았기 때문이다.


따라서, 개발자들은 크로스 브라우징을 구현 해야한다.


방법은 브라우저 접두사를 사용하여


다양한 브라우저에 같은 결과를 내게끔 코딩한다.


아래의 접두사를 참고하자.


- webkit -          :  사파리, 크롬


- moz -             :  모질라, 파이어폭스


- o -                 :  오페라


- ms -               :  마이크로소프트


아래는 column-count라는 속성의 예시다.


브라우저 마다 아직 지원하는 방법이 틀리기 때문에 아래와 같이 사용해야 한다.


- webkit - column-count : 3;

- moz - column - count : 3;

column - count : 3; /* 표준이 정해 질 시 사용하게 될 속성. 브라우저에 따라 적용되지 않을 수 있다. */



'Html5 & CSS3' 카테고리의 다른 글

HTML 캔버스 해상도  (2) 2017.07.27

포스팅이 도움 되셨다면, 커피 한잔 후원해주세요!
더 좋은 포스팅 작성에 큰 힘이 됩니다.

Buy me a coffeeBuy me a coffee

+ Recent posts