logo jQueryに強い、基本料金0円。わかりやすい料金設定でご提供する、
コーディング代行サービス「ココマチ コーディングラボ」
03-6432-0915

MENU

スタッフブログ

お見積り依頼

レスポンシブコーディングでのIE対応

そのため、IE8以下で反映されるCSSを用意しておいて、その上でメディアクエリを実装することがポイントです。
稀にIE9以上なのにメディアクエリが動作しないということがありますが、その際に注意したいのがIEの互換モードです。
IE9以上でCSSが反映されない場合はヘッダーのメタタグに<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>と入れてみてください。
すると互換モードが解除され、しっかりとメディアクエリが動作するようになります。
旧来からIEではさまざまなコツが存在しましたが、いまだ変わらない「IEらしさ」は健在なのです。