レシポンシブデザインでは、PCやスマホの表示をCSS3のMedia Queriesを使ってスタイルシートを切り替える事になります。しかしIE6、IE7、IE8はこのMedia Queriesに標準で対応していないため、css3-mediaqueries.jsを読み込ませて使えるようにします。しかし書き方によって、css3-mediaqueries.jsが効かない場合があることがわかりました。 スタイルシートが読み込まれない 本ブログはPCとスマホ表示をMedia Queriesを使って、cssを切り替えて表示を変えているのですが、ある時IE6・IE7、IE8で表示させてみると…… 普段はFirefoxを使っているので、まったく気がつかなかったのですが、思いっきり表示に不具合が出ていました…… これはひどい よく調べてみるとIE6・IE7・IE8でcssが読み込まれていないことがわかりました
![レシポンシブデザイン IE6,7,8でcss3-mediaqueries.jsが効かない対処](https://cdn-ak-scissors.b.st-hatena.com/image/square/87f59579231bd82a84b6c981caccd34c4f1b9aa5/height=288;version=1;width=512/https%3A%2F%2Fnews.7zz.jp%2Fwp-content%2Fuploads%2Fcss3_mediaqueries_js_f.jpg)