Twitterの最新のブートストラップを使用しています。私は自分のサイトをデザインする初期段階にあります。
問題は、IE 7-8以外の他のブラウザーでサイトを表示すると問題ないように見えますが、IE 7-8では本体の左側と右側の両方に余分なマージンが含まれているため、すべてのコンテンツが奇妙になり、互いに重なり合っています。
なぜそれが起こっているのか私にはわかりません
手伝ってください
よろしく
Twitterの最新のブートストラップを使用しています。私は自分のサイトをデザインする初期段階にあります。
問題は、IE 7-8以外の他のブラウザーでサイトを表示すると問題ないように見えますが、IE 7-8では本体の左側と右側の両方に余分なマージンが含まれているため、すべてのコンテンツが奇妙になり、互いに重なり合っています。
なぜそれが起こっているのか私にはわかりません
手伝ってください
よろしく
IE7 および IE8 でメディア クエリがサポートされていないことが、このレイアウトの問題を引き起こしている可能性があります。
大きなモニターでページを見ていて、メディア クエリ @media (最小幅: 1200px) に該当する場合、IE7/8 は、それによって割り当てられた幅/マージン/パディング CSS 値を取得しない場合があります。メディアクエリ。
これが問題かどうかを確認する良い方法は、 GitHub でScott Jehl の Respond.jsを js ディレクトリにダウンロードすることです。以前は Modernizr に含まれていましたが、現在はオプションの追加だと思います。基本的に、メディア クエリに関する IE7/8 の知識を提供します。
ページの先頭から、IE 用の HTML5shim をロードする既存の条件付きコメント内で呼び出します。
<script src="js/respond.min.js"></script>
読み込まれると、レイアウトの違いがどのようになるかがわかります。
お役に立てれば。
私は方法を発見しました!
IEでは、パディングとマージンを追加してスパンを移動します...正しい方法かどうかはわかりませんが、機能します(スパン7が左の列で、スパン5が右の列です)!
<!--[if gte IE 5]>
.span7 { margin-left:-150px } .span5 { padding-left:150px }
<![endif]-->