1

こんにちは、私はこのhttp://geedmo.github.io/yamm/に基づいたメガメニューを使用していますが、ドロップダウンを IE8 で機能させることができません。

4

1 に答える 1

0

Internet Explorer 8 および 9 では、Bootstrap が使用する一部の CSS3 プロパティと HTML5 要素 (関連する Yamm) のみがサポートされています。Internet Explorer 8 では、メディア クエリのサポートを有効にするためにRespond.jsを使用する必要があります。Bootstrap サイトには、ブラウザのサポートに関する情報があります。BootstrapYammを 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 を使用しなくなりました。

于 2014-04-09T13:58:53.307 に答える