レスポンシブウェブサイトの幅は960ピクセルですか？％ですか？

Question

私はすでにそれについて7冊の本を読んでいるが、真実に、私はウェブサイトの建物でかなり初心者です。エタンマルコートのレスポンシブなウェブデザインは最後のものです。これは素晴らしいことです。

私は1つの質問にかかわっています。応答可能なウェブサイトを作成し、ピクセルを使用する代わりに、％を使用します。それでラッパーはどれくらい幅広くなければなりませんか？私はラッパーに960pxの最大幅と他のすべてのフレーム（ヘッダー、ナビゲーションなど）を％に変換する必要がありますか？したがって、たとえばヘッダーは900/960×100 = 93.75％になります。

また、％でラッパーを作成する必要がありますか。私の最初の考えは、960/1680×100 = 57％になるように、モニターの解像度（980×1680ピクセル）で960分割していました。

余分な大きな画面では、正しく表示されないか、そうでないため、その数値が論理的に聞こえませんか？

ご協力いただければ幸いです。

よろしく、

Reinier

Answer 1

いいえ、それは論理的ではありません。ユーザーが使用している画面の種類について何も仮定することはできないため、ピクセルサイズをハードコードするのは安全ではありません。

Answer 2

ピクセルサイズをハードコードする理由はほとんどありません。ハードな幅と高さを必要とせずに画像をすばやく配置することもできます。あなたができるときにパーセンテージを使用してみてください、しかしまた、メディアのクエリが素晴らしいことを覚えている！