こんにちは、私はこのhttp://geedmo.github.io/yamm/に基づいたメガメニューを使用していますが、ドロップダウンを IE8 で機能させることができません。
1 に答える
Internet Explorer 8 および 9 では、Bootstrap が使用する一部の CSS3 プロパティと HTML5 要素 (関連する Yamm) のみがサポートされています。Internet Explorer 8 では、メディア クエリのサポートを有効にするためにRespond.jsを使用する必要があります。Bootstrap サイトには、ブラウザのサポートに関する情報があります。BootstrapとYammを IE8 で動作させることに成功しましたが、respond.js とhtml5 シム ハックを追加する必要がありました。
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/js/html5shiv.js"></script>
<script src="/js/respond.js"></script>
<![endif]-->
Internet Explorer 8 と Respond.js
Internet Explorer 8 の開発環境および運用環境で Respond.js を使用する場合は、次の注意事項に注意してください。 Respond.js とクロスドメイン CSS
別の (サブ) ドメイン (CDN など) でホストされている CSS で Respond.js を使用するには、追加の設定が必要です。詳細については、Respond.js のドキュメントを参照してください。Respond.js と file://
ブラウザのセキュリティ ルールにより、Respond.js は file:// プロトコルを介して表示されるページでは機能しません (ローカルの HTML ファイルを開く場合など)。IE8 でレスポンシブ機能をテストするには、HTTP(S) 経由でページを表示します。詳細については、Respond.js のドキュメントを参照してください。Respond.js と @import
Respond.js は、@import 経由で参照される CSS では機能しません。特に、一部の Drupal 構成は @import を使用することが知られています。詳細については、Respond.js のドキュメントを参照してください。Internet Explorer 8 とボックスのサイズ変更
IE8 は box-sizing: border-box; を完全にはサポートしていません。min-width、max-width、min-height、または max-height と組み合わせた場合。そのため、v3.0.1 以降、.containers で max-width を使用しなくなりました。