css 핵

지금 일하는 여기 사이트는 온갖 임폴턴트가 난무하고, 도저히 이해가 안되는 마크업과 css로 도배가 되어있다.

그리고 정말 충격적인것은 크로스브라우징이 안되어 있다는것.

히스토리를 들어보니, 이전 작업자가 크로스브라우징 못한다고 했다고 한다. (front-end 맞나?)

conding convention 도 없고, 주먹구구식의 마크업, 인라인스타일과 css때문에 충격과 공포를 맛 보았다.

늦었지만, 정의 해두는게 맞겠다 싶어, coding convention을 만들고,

기존 작업된 css는 건드릴수 없는 지경에 이르렀기 때문에, 새로 작업하는 css에 대하여만 coding convention rule을 따르기로 했다.

모듈화와 크로스브라우징등은 저 우주로 날려버린 사이트라서 어쩔수 없이 핵을 사용했다.

 

맥 사파리 :

_:-webkit-full-screen:not(:root:root),

사용법 :

_:-webkit-full-screen:not(:root:root), .wrap {margin:0; padding:0;}

 

파이어폭스 :

@-moz-document url-prefix() { }

사용법 :

@-moz-document url-prefix() {

.wrap {margin:0; padding:0;}

}

 

크롬 :

@media screen and (-webkit-min-device-pixel-ratio: 0){ }

사용법 :

@media screen and (-webkit-min-device-pixel-ratio: 0){

.wrap {margin:0; padding:0;}

}