web-dev-qa-db-ja.com

Webサイトを設計するとき、どの画面解像度を設計する必要がありますか？

ウェブサイトを開発する際に検討すべき最善の解決策について簡単な質問があります。

通常、私はmax-width: 1920x1080px、しかし今ではテレビはスマートで、一部のテレビではインターネットの閲覧やウェブサイトの閲覧が可能です。 このウィキペディアの記事 によると、1920x1080pxより大きい解像度があります。

これに取り組む最善の方法は何ですか？設定することはできますか？

html,body {
  width:100%;
  max-width:1920px;
}

単色の背景を追加して、解像度が大きい場合に少なくともWebサイトが見栄えがよくなるようにしますか？

似たような質問をいくつか見つけましたが、それらは古く、Webデザインレイアウトにはさらに多くの要因があるため、この問題に関する新しいアドバイスを受け取りたいと思います。

website-designlayoutresponsive-design
2
Nick

私はテレビのようなものを念頭に置いて設計したことがないので、あなたは素晴らしい質問を持ち出します。たとえば、テレビを表示するための標準化はありますか？ 1920x1080ピクセルを超えてエキスパンドする場合でも、その解像度でWebサイトを表示しますか、それとも2倍（または3倍、4倍など）で処理しますか？

高解像度でも、スマートTVはiPadの網膜ディスプレイのようなものを表示する可能性が高いと思います。高解像度を使用して、よりシャープなテキストとより詳細な画像を作成します。

あなた自身のいくつかの質問を考え出して、あなたのウェブサイトでどの程度の使いやすさが得られるかを決定し、実際にどのようなケースになるかをテストすることをお勧めします。

3
cmdoc

良い解決策は、解像度に応じてWebサイトを拡大することです。

siteのdivを作成し、解像度に応じてパーセンテージを使用して幅を調整することをお勧めします。

範囲の使用を検討してください。例えばビューポートの幅が1500未満の場合、サイトの幅= 70％

1440x900

| body |----------|      |
|      |----------|      |
|      |---site---|      |
|      |----------|      |
|      |----------|      |

1920x1080

| body     |----------|          |
|          |----------|          |
|          |---site---|          |
|          |----------|          |
|          |----------|          |

1024x768

|body|----------|    |
|    |----------|    |
|    |---site---|    |
|    |----------|    |
|    |----------|    |
1
vinni_f

あなたの質問は関連性があり、あなたがあなたのサイトがいつどこにアクセスされるかわからないので、私はデザイン中に特定の固定幅/解像度を決して考えるべきではないと感じています。

だから私が思うに、100％の幅を与えることはそれが少なくともきちんと（あまり完全にではなく）表示されるようにした方が良いが、それは許容できるでしょう。また、その問題の背景色を表示したい場合も、より良いオプションです。

0
talktokets

あなたはあなたのサイトが適切に表示されることを確実にすることができるようにあなたがあなたのウェブサイトが個別に表示されると期待する各デバイスを考える必要があります。

0
Rizwan Javaid