ウェブページをブラウザウィンドウのサイズに従う方法、サイズ変更時にレイアウトが歪まない？

Question

私は現在、ウェブページ上で作業しています。私は、CSSウィンドウの幅と高さのプロパティでパーセンテージ（％）値を使用することで、ブラウザウィンドウ全体にフィットさせることができました。問題は今、私がウィンドウのサイズを変更するとすべてがスクランブルされて歪んだ（例えば、ラベル、リンクなど）ウィンドウがサイズ変更されたときに、最小の高さと幅を持つ方法があるかどうかです。レイアウトが歪んでしまうのを防ぐには？

ありがとうございます。

Answer 1

あなたは実際に質問に自分自身で答えました。 CSSプロパティーmin-widthおよびmin-heightを使用して、コンテナのようなブロック・レベルの要素の最小幅と高さをそれぞれ設定できます。

しかし、より良い解決策は、窓が大きくなり、収縮するにつれて、継続的に調整されるresponsive designです。

Answer 2

チェックアウトは、CSSプロパティのmin-height：

http://reference.sitepoint.com/css/min-height

と分幅：

http://reference.sitepoint.com/css/min-width

あなたはまたStackLayoutのような単純なCSSフレームワークに見えることがあります。

http://stacklayout.com/