1

Bootstrap css は IE8 以下のバージョンには含まれていません。

ファイルにブートストラップレスポンシブCSSを含めました。注目の製品には「row-fluid」というクラス名が付けられます。注目の製品の各ラッパー イメージには、「span3 prod-new featuring-list」というクラス名を付けました。

こちらをご覧ください

スタイルは含まれていますが、IE8 の開発者ツールには追加されていません。したがって、イメージ ラッパーは、IE8 以下のバージョンではブロック レベルの要素として表示されます。このリンクを確認してください。

4

2 に答える 2

1

参考までに、IE7 と IE8 でレスポンシブな動作を実現する 1 つの方法を次に示します。前述のように、問題はこれらの古いブラウザが @media リクエストをサポートしていないことです。

解決策は、古い IE7 および IE8 でRespond.jsを使用することです。

これを行うには、respond.js をダウンロードしてサイトにインストールし、ページの先頭に以下を配置します。

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->

または、 Modernizrを使用して、訪問者のブラウザーがメディア クエリをサポートしているかどうか、および Respond.js を読み込まないかどうかをテストできます。上記のように、respond.js をダウンロードしてサイトに保存し、ページの先頭に次を配置します。

<script>
Modernizr.load([
{
// test if browser supports medial queries
test : Modernizr.mq('only all'),
// If not, load the respond.js file
nope : 'path-to/respond.js'
}
]);
</script>

上記のいずれの方法でもうまくいかない場合は、 respond.jsの代わりにCSS3-mediaqueries.jsを使用してみてください。どちらもうまく機能します。

頑張ってください...ウェブデザインにとって興味深い時期です！

于 2013-03-08T17:22:44.590 に答える
0

Responsive Bootstrap は HTML5 とCSS3を使用しますが、これは残念ながら IE8 以前のバージョンではサポートされていません。この不一致が見つからない IE9 のページを確認してください。IE8 バージョンを処理するには、既存のレスポンシブ CSS3 をオーバーライドする必要があります。メディアまたは画面の幅と高さ、およびその他のプロパティを使用してみてください。

これがIE8で機能しない理由を理解するのに役立つことを願っています

于 2012-12-27T05:37:54.427 に答える