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

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

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

2015年7月28日に作成されたページです。
情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。

どもです。

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

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

 

h270728-4

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

 

h270728-5

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

 

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

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