2012-05-10 5 views
23

ウェブアプリケーションを開発する場合、過去にはユーザのモニタに合わせて800pxまたは1024pxが選択されていました。私はレスポンシブなウェブデザインと流体デザインを研究してきましたが、彼らの多くは980pxの幅を定義しているようです。スマートフォンやタブレットを追加して、他のビューポートでのファクタリングデフォルトのウェブページの幅 - 1024pxまたは980px?

980px新しいデファクトスタンダード

ありがとうございました。

+0

をスクロールバーでなぜ人々はこれのような低い幅を放棄しているのですか? –

答えて

6

もしそうでなければ、私はそのような方向に向かっていることを見ることができました。

私が働く会社のウェブサイトのやり直しに取り組んでいます。彼らが雇ったデザイナーは960px幅のレイアウトを使用していました。かなり人気が高いように見える960ピクセルのグリッドシステムもあります(http://960.gs/)。

私は数年前からウェブから抜け出していましたが、私が読んだことは、960/980のように見えます。モバイル〜320pxのスティックが私の心の中にあり、それによって960が割り切れる。 960も2,3,4,5,6で割り切れます。

12

980は「デファクト標準」ではありません、あなたは一般的になど、ほとんどの人は、スクロールバーなどのブラウザクロムを考慮するため未満1024pxワイドサイズを少し標的に表示されます

通常の人は960の間でターゲット幅は990px​​です。多くの場合、グリッドシステム(960 .gsなど)を使用して、デフォルトの幅がどの程度であるべきかについて意見を出しています。

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

+2

Twitterのブートストラップも980pxを行います。 –

27

私のデザインには978px幅が使われています。 Adv。 978px: は2,3で割ることができます。

+7

thatsの巧妙な、私はそのことを考えていないだろう。列に共通パディングを加味したときに、それはまた、2と3に分かれて –

+0

私は980を使用しています。 – Brad

+3

@ブラッド980は3には分割されません。 –

3

これは、画面サイズが常に変化しているため、2年前に正しいと思われるものが現在古くなっている可能性があるため、オープンエンドの質問です。

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

現在、BS3のデフォルト値は1200pxで、グリッド要素の余白とパディングを考慮して1144pxのコンテナ幅に変換されます。

私の経験では、現代のデザイナーはデスクトップ用に約1366pxの幅に取り組んでいます。私が実装したすべての最近のデザインは1366pxです。

BS3グリッドを非常に大きくカスタマイズすることもできます。たとえば、私たちはサイト/デザインで4px溝を持つ32列グリッドを使用します。

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

2

この質問でも正解または間違いはありませんが、個人的には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年を示し、この記事を参照してください。私は幅に垂直モニター1024pxを使用して、私はFacebookやスタックオーバーフローのような人気のあるウェブサイトの多くを見るために始めている http://www.hobo-web.co.uk/best-screen-size/

関連する問題