🌏
各ブラウザでのcss適用
はじめに
safariでのcss適用について調べていた時に、他ブラウザのことについても知れたので
各ブラウザごとのcssの記述についてまとめておきます。
IEのみ(IE10以上)の適用
@media all and (-ms-high-contrast: none){
span {
}
}
IEのみ(IE10以下)の適用
span{
color: #red\9;
}
Firefoxのみの適用
@-moz-document url-prefix() {
span {
}
}
Safariのみの適用
_::-webkit-full-page-media, _:future, :root span {
}
Chrome・Safariへの適用
@media screen and (-webkit-min-device-pixel-ratio:0) {
span {
}
}
Discussion