【バグ対策】IEのみ・Firefoxのみにcssを反映させたい場合の対処法

cssのバグによりIEやFirefoxでのみcssを反映させたい

ブラウザチェックでよくあるバグがIEやFirefoxのデザイン崩れ

cssの当たり方がブラウザによって違う時があって、場合によってはIEやFirefoxにのみcssを当てたい場合があります。

基本的に{}で囲む。下記をコピペして下さい。

ついでにChromeとSafariの場合もメモ。

@media all and (-ms-high-contrast: none){}

1	@media all and (-ms-high-contrast: none){}

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

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

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

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

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

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

メディアクエリの書き方と同様に{}の中にcssを書いていって下さい。

最新情報をチェックしよう！