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

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. 워크식스