お客さんのホームページをレスポンシブデザイン(スマホ対応)にする作業を行っていて、順調に進んでいたのですが、Internet Explorer 8 で表示したときに不具合が起きることが判明しました。
CSS3 のメディアクエリに対応させるために css3-mediaqueries.js を読み込んでうまくいくはずなのに、なぜかスタイルが意図した通りにならないんです。
HTML ファイルや CSS ファイルをチェックしたところ、どこにも問題はないはずなのですが、なぜかうまくいかない・・・。
「メディアクエリ Internet Explorer 8」でググってみると、やはり Internet Explorer 8 には注意事項がけっこうあるようで、いろいろと解決策が見つかるのですが、どれも該当せず・・・。
試行錯誤しながらようやく「たぶんこれだろう」という原因を突き止めました。
けっこう疲れました。
