web-dev-qa-db-ja.com

最適な「固定幅」のWebサイトデザインですか?

RE:「固定幅」のウェブサイトのデザインすべての画面サイズの解像度で普遍的な読みやすさを実現するために最適化(ie、最高の表示、水平スクロールなし、最も広い範囲デスクトップ/ラップトップとモバイルデバイスの両方のブラウザーの範囲)– 「最大ページ幅」の理想的な標準と現在見なされているもの(ピクセル単位)?

4
dangowans

固定幅のアプローチを採用する場合、最良のオプションであるIMOは、おそらく最初にサイトの分析に基づいています。アナリティクスがない場合は、グローバルインターネットアナリティクスに基づいて最も一般的な画面サイズに構築できます。 StatCounter のようなサイトは、かなり信頼できるデータを提供します。

非常に多くのユーザーにサービスを提供していて、明確なカット/プライマリ画面サイズがない場合(よりモダンなアプローチのビューポート)、レスポンシブデザインのような他の方法を検討することをお勧めします。多くのサイトがすべての解像度のサイズに対応しようとすると、最終的にはレスポンシブデザインに向かいます。読むべき良い記事 イーサン・マーコットによる別のリスト ;レスポンシブデザインとは何かわからない場合。

12
JeffH

すべての解像度のブラウザで動作する必要があります。

そして

固定幅を考えています

多少矛盾しています。

デスクトップ、ラップトップ、ネットブック、タブレット、スマートフォンなどで最適に機能するために、固定幅のWebサイトで現在受け入れられている最適な幅はどれですか

まあ、実際にはありませんが、iPhoneと30インチHDモニターで動作するものを求めていることを忘れないでください。これは難しい作業です。

私は、モバイルSafariがデフォルトでWebページの幅を980pxにすることを想定していると思います。したがって、ここで他のコンテキストを除けば、980pxはユニバーサル固定幅サイトを選択するのに最適です。

5
DA01

DA01とJeffHからのヒントを確認した後、 1140 CSSグリッドシステム になりました。この利点は、幅が「固定」されているため、段落の長さが長すぎないことですが、小さい解像度で機能するようにうまく縮小されます。

小さな解像度で物事がどのように見えるかを理解するためのきちんとした方法。 Web Developer toolbar を使用してFirefoxで開発しています。頭の中で「レスポンシブデザイン」という用語を見つけた後、「サイズ変更」オプションの下に「レスポンシブレイアウトの表示」というオプションがあることに気付きました。このオプションは、人気のあるモバイルおよびタブレットの解像度に関する一連の現在のWebサイトを表示します。

2
dangowans