人々が使用するディスプレイにはさまざまな種類があるため、ユーザーがサイトを表示するためにどの解像度を使用するかを予測することは困難です。この問題を回避するために、ピクセル、em、および pt の代わりにパーセンテージを使用して Web レイアウトを定義することを考えています。しかし、これはこれを行う良い習慣ですか？パーセンテージの使用を含む、たとえばメイン ラッパーの 80% ?
内部要素の幅を決定することになると、それを行うのは難しいことを私は知っています. 各 div の親に基づいてパーセンテージを計算する必要があります。ブラウザの解像度が異なる場合、この問題にどのように対処しますか?
外側のコンテナー内のすべての幅にパーセンテージを使用しますが、コンテナー自体にmin-width：とmax-width：があるため、スケーリングはわずかです。最小幅に960px、最大幅に1160pxと言います。このようにすると、画面サイズが大きくなるほどうまく機能します。必要に応じて、すべてがパーセンテージで表示されているため、戻って応答性を高めることができます。
Cssメディアクエリは、このチェックに最適なソリューションですhttp://css-tricks.com/css-media-queries/
流動レイアウトと固定レイアウトの間で明らかに議論がありますが、流動レイアウトも非常にうまく機能します。
例として、雑誌のスマッシングがあります (サイトをロードした状態でウィンドウのサイズを変更してみてください)。
何らかのフレームワークを使用すると、はるかに簡単になると思います。以前にグリッド CSS フレームワークを使用したことがある場合は、Liquid Blueprintをご覧ください。これにより、グリッド ベースの方法で作業できますが、ブラウザのサイズに応じてページのサイズを流動的に変更できます。