Max-Width In Fluid（またはResponsive）Webデザインの使用

Question

多くの流動的なWebサイトでは、主にデスクトップ用に設計されたWebページでmin-widthとmax-widthプロパティを使用しています。ブラウザの幅が最小幅よりも小さい場合、コンテンツは縮小しなくなり、ユーザーは水平方向にスクロールする必要があります。私はそれの背後にある種族に関連付けることができます。私が理解する限り、基本的には、コンテンツがこのポイントを超えて幅を縮小すると使用できなくなるように設計されていることを意味します。このページは最小幅を考慮して設計されているため、問題ありません。

しかし、私は主なコンテンツの最大幅のプロパティの使用を完全に理解できません。これらのウェブサイトは通常、コンテンツコンテナの成長を制限し、それを中心にしています。なぜあなたはすでにピクセル値の代わりにパーセンテージを使用しているので、画面いっぱいにしませんか？ OutlookやGmailのようなWebサイトは画面に表示されますが、Amazonのようなものは幅を制限してコンテンツを集中させることを選択します。

Answer 1

これは設計上の決定に過ぎません。あるいは、サイトが壊れて見えるような幅広いビューポートをサポートするために実装されていないかもしれません。

ユーザーエクスペリエンスの面では、行が広すぎるとテキストを読むのが難しく、短くするほど、より薄い段落が意味をなさなくなります。