ど素人から毛を生やす。<延>

レスポンシブのCSSがIEでだけ効かないとき

Web > css 2015年7月28日(最終更新:2年前)

このページは2015.7.28に作成されています。時代の流れとそぐわない可能性があったり、僕が今以上のど素人だった頃の記事だったりするので、新しい記事を探してみるのも良いかもしれません。

どもです。

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

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

 

h270728-4

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

 

h270728-5

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

 

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

この記事は役に立ちましたか?
  • _(:3」∠)_ 面白かった  (0)
  • (・∀・) 参考になった (0)
  • (`・ω・´) 役に立った (1)