본문 바로가기

study/Web

반응형 웹디자인 위한 css 자동 프리픽스 사이트

반응형 웹디자인 위한 css 자동 프리픽스 사이트

 

 

 

 

반응형으로 웹 디자인을 하려면 각 브라우저마다 고유한 프리픽스가 있고 거기에 맞게

CSS 속성을 적용 하기위에 CSS 태그 앞에 프리픽스를 사용해야한다.

쉽게 말하면 브라우저가 크롬이라면 크롬에에 맞게 CSS 적용하기 위해

CSS소스 앞에 크롬용 이라는 표시를 해주는 것이다.

 

 

Browser 

 Prefix

 Chrome

 -webkit-

 Safari 4+

 Firefox 3.6+

 -moz-

 Opera 10+

 -o-

 ie 10+

 -ms-

 

 

이런 프리픽스를 자동으로 붙여주는 사이트가 있다 +_+;

 

 

 

CSS 소스를 작업하고 여기에 넣으면 각 브라우저에 맞게 프리픽스를 넣어준다; 굿이다

 

http://cssprefixer.appspot.com