0

Crossriderを使用して、クロスブラウザー拡張機能を開発しています。この拡張機能は、CDN でホストされているバージョンのTwitter Bootstrapをページに挿入し、拡張機能によって挿入される多くのコンポーネントのスタイルを設定する基盤として使用します。これまでのところ、Google Chrome、Mozilla Firefox、および Internet Explorer でこの拡張機能をテストしました。

いつものように、Chrome と Firefox はコンポーネントを問題なくレンダリングします。ただし、IE9 は注入されたコンポーネントのスタイルをひどく整えます。ページがどのように表示されるかを比較します: Google Chrome、IE9 での表示方法: Internet Explorer。

なぜ IE がコンポーネントをあまりレンダリングしないのか知っている人はいますか? IE9 で Bootstrap の Web サイトにアクセスすると、すべて問題ないように見えます。

お時間をいただきありがとうございます。

4

1 に答える 1

1

コメントで説明されているように、ページはIE7モードでレンダリングされていました。これは、Twitterブートストラップで使用されるCSS3プロパティの多くをサポートしていません。

X-UA互換性メタ要素を使用して、IE9に後のレンダリングモードを使用するように指示できます。次の記事[0]でこれについて説明しています。

[0] http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx

たとえば、<meta http-equiv="x-ua-compatible" content="IE=9" >IE9標準モードを強制します。の値はedge最新バージョンを強制します。

于 2013-01-24T19:40:30.077 に答える