IE8でメディアクエリを使う方法

IE8でもレスポンシブ対応をしたいのですが、上手くいきません。
どうかお知恵をお貸しください。

css3-mediaqueries.jsを使用しています。
テスト環境でIEのエミュレータを使いIE8の確認をしたところ、問題なく表示されました。
本番環境に反映して確認したところIE8はcssが効いていない状態で表示されてしまいます。

少ない情報で申し訳ございませんが
同じようなご経験の有ります方、ぜひ宜しくお願いします。

何卒宜しくお願い致します。

amaranthine

2016/03/12 07:40

テスト環境と本番環境の違い、本番環境でIEのエミュレータを使った場合はどうなのかなどもう少し記載していただけたら、もしかしたら何か分かるかもしれません。また、respond.jsではダメなのでしょうか。

hiro-

2016/03/12 13:55

コメントありがとうございます。 respond.jsも試してみましたが、結果は同じでした。本番環境でIEのエミュレータを使用した場合ですがIE9以上は表示に問題なく、ブレイクポイントでcssのスタイルもちゃんと変わります。エミュレータのIE8以下は全てのcssが効いていないような感じで表示されます。テスト環境はレンタルサーバに構築していて本番環境はVPSサーバに構築してあります。 CMSはワードプレスをしようしています。宜しくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

IE8のエミュレータを用いて、テスト環境では動き、本番環境では動かないということですので、本番環境に動かない原因があるのではないかと思います。

情報が少ないため、これだろうという原因特定は私には出来ません（すいません）が、気になるところを箇条書きします。

テスト環境と本番環境でソースに違いは無いのか。
ソースが全く同じなら、VPSの設定とレンタルサーバーの設定に違うところは無いか。（まぁ普通ありますけど、apache周りを特に）
URLが変わった事によるIEの互換表示/非互換表示が勝手に切り替わってないか。
jsの読み込みに間違いはないか（パスの違い、パーミッションなど）。
chromeの「要素を調査」からconsoleを見て何かエラーは発生していないか。
IE8内蔵の開発者ツールのconsoleではどうか。
css-mediaqueries.jsのハマりどころをもう一度チェックする（@mediaで指定、@charset冒頭ダメ、@import、CSS読み込み順、ローカル環境では動作しない[vpsにログインしてローカル実行とかはしてないですよね？]）

参考リンク

投稿2016/03/12 14:19

amaranthine

総合スコア501