IE6のmin-widthとmin-heightと互換性を持たせる簡単な方法

ウェブサイトがワイドスクリーンの場合、ブラウザ ウィンドウを左右にドラッグすると、ウェブサイトの幅がウィンドウのサイズに合わせて変化します。ブラウザ ウィンドウの幅が一定量まで縮小されると、下にスクロール バーが表示され、ウェブサイトの幅はそれ以上縮小されなくなります。この単純な機能は CSS min-width を使用して簡単に実現できることはわかっていますが、残念ながら、多くのユーザーの IE6 はこの非常に便利な属性をサポートしていません。どうすればよいでしょうか。ウェブ ページを設計するときに次の CSS ステートメントを追加することで、この問題を解決できます。

方法1:

最小幅を必要とする div に上記の 3 行のコードを追加するだけです。原則は、IE6 自体の BUG を使用することです (ブロックレベル要素内のコンテンツがこのブロックレベル要素の高さを超えると、ブロックレベル要素の高さが引き伸ばされます。つまり、IE6 自体の height 属性は min-height に相当します)。

方法2:

方法3:

方法4:

上記の 4 つの方法のいずれも、IE6 が min-width 属性をサポートしていない問題を解決できます。このサイトでは 4 番目の方法を使用します。

IE6 に対応した min-width と min-height の上記簡単な方法は、エディターが皆さんと共有する内容のすべてです。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。