私は現在 Web ページに取り組んでおり、CSS の幅と高さのプロパティでパーセンテージ (%) 値を使用して、ブラウザー ウィンドウ全体に収まるようにしました。現在の問題は、ウィンドウのサイズを変更すると、すべてが混乱して歪むことです (ラベル、リンクなど)。ウィンドウのサイズが変更されたときに、これらのプロパティに制限があるように、最小の高さと幅を設定する方法はありますか?レイアウトが崩れないようにするには?
よろしくお願いします!
私は現在 Web ページに取り組んでおり、CSS の幅と高さのプロパティでパーセンテージ (%) 値を使用して、ブラウザー ウィンドウ全体に収まるようにしました。現在の問題は、ウィンドウのサイズを変更すると、すべてが混乱して歪むことです (ラベル、リンクなど)。ウィンドウのサイズが変更されたときに、これらのプロパティに制限があるように、最小の高さと幅を設定する方法はありますか?レイアウトが崩れないようにするには?
よろしくお願いします!
あなたは実際に自分で質問に答えました。CSS プロパティmin-width
とmin-height
を使用して、コンテナーなどのブロック レベル要素の最小幅と高さをそれぞれ設定できます。
より良い解決策はレスポンシブ デザインを使用することですが、これはウィンドウの拡大と縮小に合わせて継続的に調整されます。
css プロパティの min-height を確認してください。
http://reference.sitepoint.com/css/min-height
最小幅:
http://reference.sitepoint.com/css/min-width
StackLayout のような単純な CSS フレームワークを調べることもできます。