青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

@media(hover:hover)はIE11では効かない

codeday.me

caniuse.com

Caniuseを見ると、IE11では効かない。Edgeなら大丈夫です。
なので普通に

@media screen and (max-width: 736px) {

}

とか画面幅でやるしかないのかな。
他に良い案あるのかな。

IE以外では効くから、基本的には

@media (hover: hover)

でhover出来るデバイスかどうか判定させて、ブラウザ判定でIEとなったときだけで画面幅で判断させるのが一番いいよね。736pxとか画面幅でやってるとタブレットだめだものね。