cross browsing hack

이 게시물은 내가 직접 사용한 것만 기록하기로 한다.

핵(hack)이란 브라우저마다 css가 똑같이 적용되지 않는 것을 해당 브라우저에만 적용시키는 것을 말한다.

IE 9 / IE 10

.ie9 div{ display: flex; } .ie10 div{ display: flex; }

Chrome and Safari

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 5+ only */ ::i-block-chrome, div { display: -webkit-box; } /* chrome and Safari */ h1 { font-size: 2rem; } }