1. ホーム
  2. browser

[解決済み] 推奨されるウェブサイトの解像度(幅と高さ)?[クローズド]です。

2022-03-02 19:51:52

質問事項

一般的なWebサイトの解像度に関する規格はありますか?

私たちは新しいモニターをターゲットにしており、おそらく少なくとも幅1280px以上ですが、高さは様々で、ブラウザごとにツールバーの高さも異なる可能性があります。

これには何か基準があるのでしょうか?

どのように解決するのですか?

最近のアドバイスとしては

1024x768に最適化する . ほとんどのサイトでは、これでほとんどの訪問者をカバーすることができます。ほとんどのログは、あなたの訪問者の92-99%が1024ワイド以上であることを示しています。1280がますます一般的になってきていますが、1024やそれ以下もまだたくさんあります。このため最適化する必要がありますが、それ以外を無視してはいけません。

1024 = ~960 . スクロールバーやウィンドウの端などを考慮すると、1024x768の画面の実際の幅は 約960ピクセル . 一部のツールは を少し小さくして、約940 . のデフォルトのコンテナ幅はこれです。 twitterブートストラップ .

ワンサイズにこだわらない . ウィンドウのサイズは様々です。画面サイズとウィンドウサイズを同じと考えないでください。合理的な最小値で設計し、調整されることを想定してください。

レスポンシブデザインとリキッドレイアウトの活用 . ウィンドウのサイズが変更されたときに調整されるレイアウトを使用します。特に大きなモニターでは、人々はこれをよくやっています。これはCSSの良い習慣です。これをサポートするフロントエンド・フレームワークがいくつかあります。

モバイルを第一級市民として扱う . モバイル端末からのトラフィックは常に増えていますね。これらは、さらに多くのスクリーンサイズを導入しています。960サイズに最適化することは可能ですが、レスポンシブWebデザインの技術を使えば、画面サイズに応じてページが調整されることになります。

ブラウザの表示情報をログに残す . これについては、実際の数値を知ることができます。私はいくつかの数字を見つけました。 こちら こちら そして こちら . また、サイトをリグして同じデータを収集することも可能です。

ユーザーはスクロールするので、高さはあまり気にしなくていい . 昔の議論では、ユーザーはスクロールしないので、重要なものは"fold."の上にあるべきだというものでした。これは何年も前に覆されました。 ユーザーはたくさんスクロールする .

画面解像度の詳細はこちら

レスポンシブデザインの詳細はこちら

レスポンシブデザインとリキッドレイアウトのためのツールやフロントエンドフレームワーク。