WordPressを利用して、お客様のサイトをレスポンシブWebデザインで制作していたところ、Internet Explorer 10(以下ie10)でも、レスポンシブな動作を確認しようと、画面を小さくしてみたところ、あれ？
メディア クエリ(Media Queries)が動作しない！(泣)
はて？どうしてか？ Firefoxで試すとメディア クエリ(Media Queries)が動作し、レスポンシブな動作をする！
あれ？？ ie10の問題？ Win8+ie10では問題なし！ Win7+ie10だけ、この現象。。。。
この前、Win7で「重要な更新」のWindows Updateで勝手にie9からie10にさせられたが、Win7+ie10の組み合わせで、メディア クエリ(media query)が動かないということなのか？ ネット上で調べてもie9/ie10ではメディア クエリ(media query)はsupportって書いてあるし。。。
落ちは、いつのまにか(クリックした覚えはない)互換モード(互換表示)が動作して、IE7の互換表示になっていたことが原因でした。ケアレスミスです。
このせいで、30分は時間が潰れてしまいました。今日の教訓「こういうケアレスミスが起きないように、metaタグで互換表示をさせないようにしておきましょう！」
wordpress header.phpに下記のmetaタグを追加
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
もしくは、.htaccessに下記を追加
Header set X-UA-Compatible "IE=edge"
この方法だと、http通信内で解決できるけど、レンタルサーバによっては、.htaccessの利用に制限がかかって使えないかもです。