どもです。

PC優先のメディアクエリでレスポンシブサイトのコーディングをしていたのですが、
ChromeやFirefoxではスマホ状態にしても万全に表示されるのに、IEだけ画面を縮めてもPCの表示になってしまう事件がありました。

この原因ですが、メディアクエリの書き方ひとつだったので忘備録がてら。

 

こっちがIEが反応してくれない書き方。

 

こっちがIEが反応してくれる書き方です。

 

正しいメディアクエリの書き方なんて今まで意識したことがなかったのですが、
二重括弧厳禁、必ずひとつごとに括弧を閉じることを以後は肝に銘じたいところです。