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

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

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

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

メディアクエリと同じ感覚で{}で囲めばOK

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

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

IEの場合

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

Firefoxの場合

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

Chromeの場合

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

Safariの場合

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

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