그냥 개발자 블로그

[워크식스] 크로스브라우징 팁 1탄 본문

퍼블리싱팁

[워크식스] 크로스브라우징 팁 1탄

마음이파파 2018. 4. 20. 09:43

1. 폰트 높이, 여백, 공백 등이 브라우저 마다 다른 경우 추가


html {

  font-family: sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%; 

}

 





2. 요소 박스 크기가 다르거나 border 픽셀이 영향을 미칠 경우 추가


* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; 

}


*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; 

}

 






[문의하기]



copyright ⓒ 2018. 워크식스



저작자표시 비영리 변경금지

'퍼블리싱팁' 카테고리의 다른 글

[워크식스] CSS만 이용해서 로딩 애니메이션 만들기  (0) 2018.10.14
[워크식스] jquery iphone click 안될 때 해결법  (0) 2018.10.08
[워크식스] 웹디자인기능사 실기 (모달편)  (0) 2017.08.28
[워크식스] 웹디자인기능사 실기 (좌우 슬라이드편)  (0) 2017.08.24
[워크식스] 웹디자인기능사 실기 (드롭다운 메뉴)  (0) 2017.08.24
'퍼블리싱팁' Related Articles more