大画面の場合、メインコンテナーとメイン列の推奨最大幅はいくつですか？
この質問に基づいて、 「多くのサイトが各Webページの半分を空のままにしているのはなぜですか？」 とそのコメントと回答から、調査を行いましたが、完全な回答は見つかりませんでした。
私にとっては、メインコンテナーの幅を制限するのが適切な決定であることは明らかですが、メインコンテナーの推奨最大幅は何ですか大画面の場合、2017年に画面がどんどん大きくなると？ この決定で考慮すべき変数は何ですか？
また、ウェブサイトのメインコンテナに複数の列があるとしましょう。メイン列の最大幅はどのくらいですか
更新：関連する質問が出ました。あるクライアントにホームページのメインコンテナーの幅を小さくすることを勧めましたが、彼を納得させることはできません。これは、pexels.comのような写真を含むWebサイトです。この場合、要素が他よりも重要でない場合は、幅を制限することが重要ですか？
コンテンツの種類と表示方法に応じて、特定の量の情報を表示できます。
テキストの場合 一定の制限があります フォントサイズに応じてコンテナの幅に。つまり、最初の制約があります。ただし、画面をさらに情報ブロックで埋めることはできます。 特定のブレークポイントがあります 、レイアウトをそれらに適合させ、1つの画面の情報量が限界に達しています。
たとえば、テキストの場合（これらの画像は全画面で表示されることを意図しています）：
これも可 ：
または画像/ビデオの場合、同じ量の情報：
歴史的に、幅が広すぎるコンテンツは読みにくくなり、960pxの標準が採用されたとする調査がありました。
ただし、「reading "そこの幅...」に非常に重点が置かれています... Webアプリケーションの場合、ナイスワイドの24インチ以上の画面で人為的に960のような狭い幅に制限されており、一度により多くのコンテンツを表示したい。
コンテンツが純粋に読み取り専用ではない場合（ブログなど）、固定幅に制限されず、100％幅オプションを許可するオプションをサポートすることを強くお勧めします。
タイプの線の幅はメジャーと呼ばれます。一部のタイポグラファーは、65文字を小節の完璧な長さ、プラスまたはマイナス15と見なしています。短いものはどれも、目が大きく跳ね返り、長いものはすべて認識し、次の最初に戻ると、認知疲労を感じ、場所を失うリスクがあります。ライン。これを念頭に置いて、コピーの列のピクセル幅はコピーのサイズに基づいて変化します。小さいコピーは狭い列を必要とし、大きいコピーは広い列を必要とします。これはラッパーdivの決定的な最大幅を提供するものではありませんが、その決定を行うための手始めとして適切な場所です。
モニターのサイズは、ユーザーのモニターまでの距離が変わらないため、視覚領域の幅は変わりません。
画面を見て、コンテンツを見ることができ、目を左右に移動する必要がない快適な知覚ゾーンを分析するだけで、その幅を把握できます。
コンテンツの種類とサイズにも依存します。大きな写真やプレゼンテーションの場合-表示距離が大きくなる可能性があるため、このコンテンツではそれほど集中する必要はありません。ビデオ-全画面。ビデオでは、知覚ゾーンがすでに構成されているため。
男性は視野が狭いことを考慮に入れてください。また、今日の一般的な人々はあまり目がよくないことも考慮してください。
あなたがそれを調整可能にできるなら、それはすべての中で最高です。