2017-06-17 15 views
0

申し訳ありませんが、これは既にこのコミュニティのどこかで解決されていますが、これまで適切な解決策を見つけることができませんでした。私はhttp://www.smartmarine.eeのhtml/cssを書いています。これはIE9 +を除いてすべてのブラウザで正常に動作します(ここでは驚きはありません)。IE9 + do not like media-query css

cssがモバイルファーストのアプローチで書かれているため、media-queryはデスクトップ版には使用されていますが、IE9 +では実装されていません(現在のところ、IEの古いバージョンでは特に動作する必要はありません)。 IE9 +は、最初のCSSスタイリングだけを読み込み、media'querysに付属するものはすべて無視しているようです。

私が試した:

  • は、 "PX"
  • は "<meta http-equiv="X-UA-Compatible" content="IE=edge">"
  • は "メタ" タグ "<meta http-equiv="X-UA-Compatible" content="IE9">" とも試みHTMLに "メタ" タグを追加するメディアquerysに測定を変更私はIE9とIE10でそれをテストしたときに、CSS

に "@media all and (min-width:0\0) {}" 使用

  • 、私はいつもCLOブラウザを拒否し、すべての履歴を削除して、ブラウザに古いデータが残っていないことを確認します。

    私は今1週間以上これに固執しており、これにいくつかの解決策を得ることに感謝しています。それは何かシンプルな、私が行方不明だと感じるが、再び...

    私はHTMLをコピーしないだろう、ここでは、この質問を不必要に長くするだろうと思うが、それを私に知らせてください。

    サイトは次のとおりです。http://www.smartmarine.ee

    は、事前にあなたのすべてをありがとう!

  • 答えて

    0

    IEはあなたの背景も認識していないようです。 あなたのパスを修正する必要があると思います。 さまざまなブラウザ(ChromeとIE)からファイルを保存しましたが、異なるCSSファイル名の異なるフォルダ名があります。また、正常に動作し、両方のブラウザが同じファイル、同じフォルダを保存した私のウェブサイトの1つを保存しました。

    +0

    Strange。私はすべての画像の "imgs"フォルダを探すルートレベルのhtmlとcssを持っています。 IEは、cssのコア部分(モバイル - ファースト、メディア - クエリの前)を読み込んでイメージを見つけますが、ビューポートが広がったときに適用されるメディアクエリスタイルルールを適用することを拒否しているようです。 –