私は Web サイトを開発していますが、「サポートされている」解像度の最低値がどれくらいであるべきかわかりません。すべての解像度で機能することはわかっていますが、「サポートされている」とは、左右にスクロールせずにすべてのコンテンツがページに収まることを意味します。1024x768 の「サポート」について考えるべきでしょうか?
5 に答える
ここには「聴衆を知る」以外に正解はありません。非常に特定のニッチなオーディエンスをターゲットにしている場合を除き、開発の早い段階でこれを行うのは非常に簡単なことではありません。
一般的な Web サイトの一般的なアプローチは、人気のあるサイトの現在のブラウザー表示統計を確認することです。
1024x768 は依然として非常に人気のある解像度であり、安全な賭けです。そして、公式の統計は見つけられませんでしたが、それは明らかに Stack Exchange の目標である解像度です。
私は@Yannisthis、そのターゲットオーディエンスの質問に100%同意します。1024幅は世界中のオーディエンスにとって適切なベースラインですが、Webサイトが「平均的な」インターネットユーザー向けではない場合は、幅の広い(または幅の狭い)レイアウトを使用する正当な理由があるかもしれません。たとえば、パワーユーザーをターゲットにしている場合は、1280または1600でもかまいません。
もう1つの可能性は、多くの最新のサイトで使用されている可変レイアウトを使用することです。これは、現在のユーザーのブラウザの幅に基づいて幅(またはcss全体)を調整することを意味します。これはあなたのサイトに本当になめらかな感触を与えます。
可変レイアウトの使用法の非常に良い例の1つは、Trelloアプリケーション内です。
後でモバイル サイトを作成する予定があるため、現時点ではありません。
この回答では、デスクトップ側に焦点を当てます。
Net Applicationsによると、1024x768 が現在使用されている最も一般的な解像度であり、15% を超えています。「デスクトップ」サイズの次のステップ ダウンは 800x600 ですが、シェアは 0.89% しかないため、デスクトップ サイトで 1024x768 未満の解像度をサポートする必要はおそらくないでしょう。
デスクトップ ブラウザーのコンテンツの安全な幅は 960px です。これにより、他の回答で言及されている非常に一般的な 1024x768 ディスプレイのシンプルな背景に十分なスペースが残されます。幅 960px は、グリッド レイアウトにも適しています。
より柔軟なルートを選択し、特定の範囲の解像度についてあまり心配しないでサポートしたい場合 (モバイル デバイスはおそらく無視されます)、 Liquid Layouts を検討してください。
1024x768で問題ありません。しかし、小切手に署名する人がどの解像度を使用しているかを調べ、横スクロールを避けるために液体のレイアウトを開発してみてください。