26

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

新しい事実上の980px標準ですか？

ありがとう。

4

5 に答える 5

29

私は主にデザインに 978px の幅を使用しています。アドバンテージ of 978px : 2,3 で割ることができます。

于 2012-05-25T22:11:22.030 に答える
13

980は「デファクトスタンダード」ではありません。一般的に、スクロールバーなどのブラウザのクロムを考慮して、幅が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/を参照してください

于 2012-05-10T16:46:44.630 に答える
7

そうでなければ、私は物事がそのように進んでいるのを見ることができました。

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

私は数年の間ウェブ関連のものを使い果たしてきましたが、私が読んだことから、物事に追いつくことから、960/980はほぼ正しいようです。モバイルの場合、約320pxが頭に浮かび、それによって960が割り切れます。960は、2、3、4、5、および6で均等に割り切れます。

于 2012-05-10T16:47:46.033 に答える
5

画面のサイズは常に変化しており、2 年前には正しかったかもしれないことが現在では時代遅れになっている可能性があるため、これは少し自由回答の質問です。

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

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

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

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

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

于 2014-04-16T15:15:58.037 に答える
3

この質問には正解も不正解もありませんが、個人的には幅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/

于 2015-01-21T08:05:57.083 に答える