複製:
私は 1024x768 を最新の Web ブラウザーが実行される最小の画面解像度と考える傾向がありますが、ビジネス Web サイトにこの解像度を使用すると、より小さな/古い。ですから、現実的に、ブラウザを「最大化」した状態でウェブサイトが完全に機能すると予想される最小画面解像度はどれくらいですか?
私は 1024x768 を最新の Web ブラウザーが実行される最小の画面解像度と考える傾向がありますが、ビジネス Web サイトにこの解像度を使用すると、より小さな/古い。ですから、現実的に、ブラウザを「最大化」した状態でウェブサイトが完全に機能すると予想される最小画面解像度はどれくらいですか?
新しい最小値については、ネットブックに注目してください。1024x600が妥当だと思います。
編集:ブラウザの使用状況に関する統計を提供するサイトはいつでもいくつでも見ることができます. Googleが私のために見つけたものは次のとおりです。
画面解像度とページレイアウトと呼ばれるジェイコブのニールセンアラートボックスの記事から:
Web ページを 1024x768 用に最適化しますが、800x600 から 1280x1024 までの任意の解像度によく伸びるリキッド レイアウトを使用します。
また、最大解像度もテストすることをお勧めします。多くのサイトは、固定フォントサイズなどを使用しているため、1920x1200では(ズームせずに)使用できません。
神様、私たちは忘れてしまったのですか?
HTML (論理的なページ記述言語) の全体的なポイントは、表示デバイスについて考えたり心配したりする必要がないことです。
ディスプレイ デバイスが視覚障害者向けのテキスト リーダーである場合はどうなるでしょうか。
または、コンソール上のテキストのみのブラウザーですか?
しかし、それは重要なポイントではありません。要点は、HTMLがページを論理的に記述しているということです。ページの論理的な説明で純粋に物理的な説明を作成している場合は、間違っています。HTML を出力する Word のように Web ページを作成しています。
論理的に機能するように Web サイトを作成する必要があります。つまり、レンダリングの問題をレンダリング エージェントの手に完全に任せることになります。あなたがそれをしていないなら、あなたはそれを間違っています.
あなたの聴衆に依存します。それが主に家庭でのアメリカの消費者であれば、1024x768で安全だと思います. 学校や企業、世界中の視聴者には 800x600 が必要です。学校や企業ではコンピューターがアップグレードされる可能性は低く、さまざまな国の国際視聴者は何らかの理由でより大きな画面を利用できない可能性があるからです。
ユーザーの画面に適応する柔軟なレイアウトの使用を検討してください。固定レイアウトのほとんどのサイトでは、訪問者の 90% がはるかに高い解像度を利用できる場合でも、大多数のユーザーは最小公分母を対象としたサイトを表示する必要があります。これにより、ナビゲーション用のクロムとコンテンツがほとんどないレイアウトが過剰に生成されます。
固定レイアウトを使用する必要がある場合は、画面を 760 ピクセル列と 224 ピクセル列に分割する MSN からヒントを得ることを検討してください。訪問者の解像度が 800 (JavaScript で検出可能) の場合は、224 ピクセルの列を非表示にします。
コメントからの更新: 安全な最小値の決定に関しては、画面を 800x600 に設定してから、人気のある一般公開サイト (MSN、Yahoo など) を参照して、それらが何をするかを確認します。彼らがこの分野で多くの研究に投資したことは良い賭けであり、彼らが行ったことを採用することは通常安全な賭けです.
1) ブラウザが最大化されていません。画面のサイズは問題ではありません。私のブラウザウィンドウのサイズはそうです。
2) iPhone の画面解像度は 480x320 です。NewEgg は現在、少なくとも 1 つの 1920x1080 モニターを 200 ドル以下でリストアップしています。これらの解像度のいずれかに合わせて設計すると、サイトが他方で完全に使用できなくなります。違いを分割して 1024x768 に設計したとしても、200 ドルのモニターでは画面幅の半分をカバーするストライプが表示され (IMO はがらくたのように見えます)、iPhone ではまったく使用できません。
画面が大きくなっただけではありません。それらも小さくなっています。トレンドは固定幅ではなく流動的なレイアウトに移行しており、それには十分な理由があります。
1024x768 で十分です。ほとんどの人はその解像度設定を使用しており、そうでない人のユーザー エクスペリエンスが大きく損なわれることはありません。また、スクロールバーなどを考慮して、ページがブラウザーにうまく収まるように、ページの横幅を 960px にします。
確かに幅は1024(980px程度で使用可能)ですが、高さを固定するように設計しないでください。
これらの統計を見てみたいと思います: http://www.w3schools.com/browsers/browsers_display.asp。
2009 年 1 月の時点で、W3Schools を訪れた人の 4% だけが解像度として 800x600 を使用しています。残りは、少なくとも 1024x768 を使用しています。
ただし、その 4% のうちどれだけがユーザーの一部であるかに注意してください。
私は通常、幅 800 の Web サイトをデザインします。
ユーザーはスクロールできるので、高さは問題になりません。
マークが言ったように、現在ネットブックはたくさんあります。それらのほとんどは現在 1024x600 のサイズになっていますが、「古い」ネットブックの中には解像度が低いものもあります。たとえば、私のものは* wince * 800x480 です。
本当に互換性を保ちたい場合は 800 を選びますが、それ以外の場合は 1024 が良いと思います。高さに関しては、ユーザーはいつでもスクロールできます。
スクロールバー、ツールバー、およびサイドバーがスペースを少し狭める可能性があることを忘れないでください。解像度が少なくとも 1024*768 であると仮定しても、ページの幅を 1024 にしないでください。