IE
@media all and (-ms-high-contrast:none){
}
//IE10、11のみ
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
}
//IE11のみ
@media all and (-ms-high-contrast:none){
*::-ms-backdrop,
}
//IE10、11のスクリーンサイズごと(スクリーンサイズ600px以下)
@media all and (max-width: 600px), (-ms-high-contrast: none), (-ms-high-contrast: active){
}
IEに関してはちょっと動作に不安があるので改めて調べてみたい。(high-contrastモードの挙動)
FireFox
@-moz-document url-prefix(){
}
Safari
::-webkit-full-page-media, :future, :root セレクタ {
}
Chrome
@media screen and (-webkit-min-device-pixel-ratio:0){
}
Edge
@supports (-ms-ime-align: auto) {
}
Opera
@media not screen and (1){
}
コメント