私のレイアウトはレスポンシブですが、ページのサイズを変更すると、すべてが乱雑になります。体に最小幅をどのように付けるのだろうか。ページを幅 500px などにサイズ変更できるようにします。
PS:
セットしてみる
body {
min-width:400px;
}
しかし、仕事はありません
ブートストラップを使用しています
問題は、ウィンドウ (ページ) のサイズを変更するときです。幅を残すと、非常に小さなコンポーネントがずれます。
私のレイアウトはレスポンシブですが、ページのサイズを変更すると、すべてが乱雑になります。体に最小幅をどのように付けるのだろうか。ページを幅 500px などにサイズ変更できるようにします。
PS:
セットしてみる
body {
min-width:400px;
}
しかし、仕事はありません
ブートストラップを使用しています
問題は、ウィンドウ (ページ) のサイズを変更するときです。幅を残すと、非常に小さなコンポーネントがずれます。
要素を chrome/FF 開発ツールで検査し、ブートストラップ スタイルがスタイルを上書きしていないことを確認する必要があります。これを試すこともできます:
body {
min-width:400px !important;
}
それが機能する場合は、ブートストラップがスタイルをオーバーライドしていることを意味します。
<body>
要素はブラウザー ウィンドウ全体を占める必要があるため、要素の幅を実際に制御することはできません。<div>
最小幅の でコンテンツをラップしてみてください。
固定幅のレイアウトの親 div を指定できます。ブラウザのサイズを縮小すると、スクロール バーが表示されます。混乱はありません。
体幅をコントロールしても無駄だ
別の方法で、レイアウト構造を維持するために幅サイズのパーセンテージ値を指定します