반응형 웹디자인 위한 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
'study > Web' 카테고리의 다른 글
.htaccess 파일 수정으로 도메인 연결 바꾸기 (0) | 2019.06.11 |
---|---|
티스토리에 소스코드 삽입 Syntax Highlighter 관련 (0) | 2016.07.14 |
검색로봇 / robots.txt 작성 양식 (0) | 2015.11.11 |
robots meta 메타태그 사용 / 활용 방법 (0) | 2015.11.11 |