html - ウィンドウのサイズ変更の最小幅

Question

幅 100% の可変レイアウトの Web ページがあります。

ブラウザ ウィンドウのサイズを変更すると、ページ内の要素が重なります。

このウェブサイトhttp://bologna.bakeca.it/と同様の効果を作成します。ウィンドウが固定幅よりも小さい場合、サイズ変更が停止します。

Answer 1

body タグに CSS の min-width プロパティを設定できます。このプロパティは IE6 ではサポートされていないため、次のように記述できます。

body{
   min-width:1000px;        /* Suppose you want minimum width of 1000px */
   width: auto !important;  /* Firefox will set width as auto */
   width:1000px;            /* As IE6 ignores !important it will set width as 1000px; */
}

または：

body{
   min-width:1000px; // Suppose you want minimum width of 1000px
   _width: expression( document.body.clientWidth > 1000 ? "1000px" : "auto" ); /* sets max-width for IE6 */
}

Answer 2

まあ、あなたはほとんど自分で答えを出しました。CSS で、包含要素に最小幅を指定します。IE6 をサポートする必要がある場合は、min-width-trick を使用できます。

#container {
    min-width:800px;
    width: auto !important;
    width:800px;
}

これにより、IE6 および最新のブラウザーで 800 ピクセルの最小幅が効果的に得られます。