web-dev-qa-db-ja.com

ウェブページとその長所/短所に一般的に使用されるピクセルサイズ

最も一般的に使用されるピクセルサイズ(主に幅)は何ですか?また、長所と短所は何ですか?

さまざまなモニターサイズの人々に良い体験を提供するための幸せな媒体を見つけるにはどうすればよいですか?

サイズだけでなく、説明付きの回答をいただければ幸いです。

20

ほとんどのグリッドは960pxの幅を使用します。 (デザインの幅が固定されている場合)。グローバル統計を見ると、1024の範囲の解像度が依然として最も一般的です: http://gs.statcounter.com/#resolution-ww-monthly-201006-201106

1000幅は使用しないでください。 (ブラウザとスクロールバーの境界線の幅を数える必要があります。特定のブラウザ/ OSでは、他のブラウザよりも大きくなっています)

最終的な解決策はないと思います。そのため、関連するWebページ(ページが既に存在する場合)の統計を確認して、どの解像度が最も適切かを判断する必要があります。これができない場合は、 http://gs.statcounter.com/ でターゲット市場の統計を確認できます。

または、レスポンシブWebデザインを使用することをお勧めします: http://www.alistapart.com/articles/responsive-web-design/

CSSのmax-width属性とmin-width属性なので、時間/予算があれば、必要な解像度をターゲットにできます。

20
meo

他の人がすでに詳しく説明しているように、960pxの幅は良い標準です。

ただし、最近のWebサイトはデスクトップだけでなく多くの場所で表示されるため、サイトのスタイルによって答えが異なる可能性があることに注意してくださいfor。たとえば、960pxは、モバイルスタイルシートには不十分な幅になります。

あなたを助けることができる1つのリソースは www.resizemybrowser.com です。 (Firebugには同様のツールが組み込まれています。)

結局のところ、960pxは良い基準だと思いますが、実際には「状況によって異なります」。 :)

5
Jeremy Wiggins

960は、固定幅のWebサイトの標準です。 1024x768の解像度で簡単に検出できるようにするためです。高さに関しては-それは本当に重要ではありません。

4
sed

一般に、コンピューター画面で読み取ることを目的とした固定幅のWebサイトの場合、最近では、約1000px(800 * 600の解像度がなくなったため、できる限り少ないため)と言います。検索は1024 * 768です)。

あなたは本当に拡張可能なデザインを目指すべきです(しかし一般的には難しいです)。

2
user402250

デスクトップモニターの解像度だけは考慮しません。今日では、ほとんどすべてのデバイスでWebサイトを閲覧でき、携帯電話やタブレットPCでも閲覧するのはかなり一般的であるため、両方を考慮する必要があります。

これにより、デバイスごとにサイトバージョンが異なる場合や、サイズに基づいて対応できるサイトレイアウトが作成される場合があります。すべてのウェブサイトがこのタイプのレイアウトを持つのに適しているわけではないので、これはあなたがやろうとしているウェブサイトについて最初に考えるときにあなたが考慮しなければならないことです。

適応可能なレイアウトには、カスタム(非標準)解像度の新しいデバイスが出てきた場合でも良いという追加の利点があります。それは問題なく収まるので、それらの新しいデバイスでチェックすることを心配する必要はありません(レイアウトが正しく行われた)。

とにかく、私の標準の最小幅はデスクトップモニターではまだ960pxであり、適応可能なレイアウトでは、通常、非常に巨大なモニターの最大幅を選択します(2500x1600モニターでモニター幅全体に広がるサイトを表示することを考えてください...まあ)約1200pxで、ブラウザのサイズがそれよりも小さい場合は100%の幅で、Webサイトをどこにでもうまくフィットさせることができます。

1
Jose Faeti

経験上、Webの場合、幅が850ピクセルより大きく1000ピクセル未満であることが望ましいと思いますが、動的コンテンツの場合、高さは可変であることに注意してください。したがって、高さは100%または自動に設定できます。そして、cssプロパティを使用してWebサイトを中央に配置するのが最善ですmargin: 0 auto;

1
Rami Sarieddine

最も一般的なサイズは900〜1000ピクセルで、画面サイズの使用にはいくつかの優れた情報源があり、ほとんどの人が最大のグループを設計する傾向があります。ほとんどの場合、800 x 600の画面を持っている人は、多くのビジネスをしたくないと想定されています。すなわち、現金のために縛られている(大きな一般化)

1
Treemonkey