私は新しい Web アプリに取り組んでいますが、レイアウトのどの幅を選択すればよいかまだ判断できません。アプリは Twitter Bootstrap のライブラリに基づいており、現在、幅1170pxのデフォルト グリッド システム(12 列) を使用しています。
モニターでは (ほとんどの人は幅が 1280px よりも高い解像度を持っていると思います)、私の MacBook PRO でも同じようにアプリは良さそうに見えますが、少し古いラップトップを使用しているユーザーについて心配しています。解像度はほとんど1024pxで、レイアウト全体は表示されません (水平スクロールバーが表示されます)。
ということで、ご意見をお聞かせいただきたいと思います。解像度 > 1280pxのレイアウトを既に最適化していますか、それとも解像度でユーザーを反映していますか。1024pxで、その場合、レイアウトに幅960pxを使用しますか?
メディアクエリを使用して、解像度を小さくするためのレイアウトを変更する必要があります。私の職場には、1024ピクセル幅のモニターがいくつかあります。また、タブレットはポートレートモードで使用されることがよくあります（IIRCでは1024ピクセルしかありません）。確かに、その人はタブレットを横向きにして全体を見ることができますが、多くの人は、まったくの怠惰から抜け出すことも、それが問題を解決することに気付かないこともありません。
1つの解像度のみで設計する場合（読んでください：これは行わないでください）、幅が1024ピクセルを超えるものはお勧めしません。一部の統計では、当社のWebサイトのトラフィックの約15〜20％が1024ピクセル以下の幅のモニターを使用しています。
また、1280ピクセル以上の幅のモニターを使用しているユーザーでも、多くのユーザーはブラウザーウィンドウを最大化していないことに注意してください。これは特にMacユーザーによく見られますが、Windows/Linuxユーザーにも見られます。
リキッドまたはレスポンシブレイアウトはどうですか？そうすれば、すべての解像度とウィンドウサイズをカバーできます。
W3CounterのGlobalStatsによると、モニターの15％は1024x768であり、56％は少なくとも1280pxの幅を持っています。15％はまだ高すぎて、レイアウトとして1170pxを使用することはできないと思います。
個人的には、1024px 以上のデスクトップ向けに開発しています。メディア クエリを使用してモバイル デバイスを検出し、別のレイアウトを提供します。
SupremeDud が回答で述べているように、ディスプレイの 15% は依然として 1024x768 であり、かなり大きな市場シェアです。
ピクセル幅でいうと960px前後をベースにデザインしています。Bootstrap でどのように機能するかはわかりませんが、 960.gsを見たいと思うかもしれません。