크로스 브라우징과 벤더 프리픽스

● 크로스 브라우징 

표준 웹기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우지지 않도록 (동등성) 공통 요소를 사용하여 웹 페이지를 제작하는 기법을 말한다.

 

또한, 지원할 수 없는 다른 웹 브라우저를 위한 장치를 구현하여 모든 웹 브라우저 사용자가 방문했을 때 정보로서의 소외감을 느끼지 않도록 하는 방법론적 가이드를 의미하는 것이다.

---

● 벤더 프리픽스     

세계적인 웹 브라우저 (익스플로러, 크롬, 파이어폭스, 사파리, 오페라) 이러한 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알려주기 위해 사용하는 접두사(prefix)를 의미한다.

즉, 아직 CSS 권고안에 포함되지 못한 기능이나, CSS 권고안에는 포함되어 있지만 아직 완벽하게 재정된 상태가 아닌 기능을 사용하고자 할 때 벤더 프리픽스를 이용한다. 그렇게 하면 해당 기능이 포함되어 있지 않은 이전 버전의 웹 브라우저에서도 그 기능을 사용할 수 있게 된다.

 

 

-webkit- : 사파리 (safari) , 크롬 (chrome) , 안드로이드 , 아이폰 
-ms- : 익스플로러 (ie) ※ IE9 경우 2D 효과만 지원 
-moz- : 파이어폭스 (firefox) 
-o- : 오페라 (opera) 
     : 표준안으로 확정된 경우엔 접두어가 안 붙음. 표준안을 CSS 마지막에 적어주는 게 렌더링에 좋음.