MENU

IEのみ。FireFoxのみ。Safariのみ。Chromeのみ。

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){
}
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次