web-dev-qa-db-ja.com

デフォルトのウェブページの幅-1024pxまたは980px?

Webアプリケーションを開発するとき、以前は800pxまたは1024pxユーザーのモニター内に収まるようにします。私はレスポンシブWebデザインと流動的なデザインを研究してきましたが、それらの多くが980px幅。スマートフォンとタブレットを追加し、他の可能なビューポートを考慮

980px the 新しい事実上の標準

ありがとう。

25
Brian Mains

そうでない場合、私は物事がそのように向かっているのを見ることができました。

私が働いている会社のウェブサイトのやり直しに取り組んでおり、彼らが雇ったデザイナーは960px幅のレイアウトを使用していました。 960pxグリッドシステムもあり、非常に普及しているようです( http://960.gs/ )。

私は数年前からWebを使い果たしてきましたが、私が読んだことから物事に追いつくことから、960/980はほぼ正しいようです。モバイルの場合、〜320pxが私の心に残り、960で割り切れます。 960は、2、3、4、5、および6で均等に割り切れます。

7
paul

ほとんどのデザインで幅978pxを使用しています。前売978pxの場合:2,3で除算できます。

28
sudip

980は「事実上の標準」ではありません。通常、ほとんどの人は、ブラウザchromeなどのスクロールバーなどを考慮して、1024px幅より少し小さいサイズをターゲットとしています。

通常、人々は960〜990px​​の幅をターゲットにします。多くの場合、デフォルトの幅がどうあるべきかについて考えられているグリッドシステム(960.gsなど)を使用します。

また、ごく最近、最も一般的な画面サイズの平均が1024px幅よりもかなり大きくなり、1366px幅でランク付けされています。 http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/ を参照してください

13
hammerbrostime

画面のサイズは常に変化しており、2年前には正しかったかもしれないものが今では時代遅れになっているため、これはちょっとした未解決の質問です。

私は現在Twitter Bootstrap 3を使用しており、モバイル/非常に小さなものから現在利用可能な巨大なワイドスクリーンモニターまでのサイズで動作するように設計された流体グリッドシステムを使用しています。

現在、BS3のデフォルトの上限は1200ピクセルです。これは、グリッド要素のマージンとパディングを考慮した後、コンテナ幅1144ピクセルに変換されます。

私の経験では、現代のデザイナーはデスクトップ用に約1366ピクセルの幅で作業しています。私が実装するために与えられた最近のデザインはすべて1366pxです。

また、BS3グリッドを非常に大きくカスタマイズできることに注意してください。たとえば、今後はサイト/デザインで4ピクセルのガターを含む32列のグリッドを使用します。

最終的に、ページ幅の決定は、訪問者が通常使用するWebサイト分析と画面サイズに基づいて行う必要があります。

4
Hades

この質問に対する正しい答えも間違った答えもありませんが、私は個人的に960px幅を好みます。最新のモニターはすべて、少なくとも1024×768ピクセルの解像度をサポートしているためです。 960は、2、3、4、5、6、8、10、12、15、16、20、24、30、32、40、48、60、64、80、96、120、160、192で割り切れます。 240、320、および480。これにより、非常に柔軟なベース番号を使用できます。

米国および英国で最も人気のある画面解像度2013-2014を示すこの記事を参照してください: http://www.hobo-web.co.uk/best-screen-size/

2
Thair