html - Divベースのページレイアウト-パーセンテージと固定ピクセル

Question

Divベースのページレイアウトは初めてです。私の質問は、パーセンテージまたは固定ピクセルを使用してdivベースのページレイアウトを設計する必要があるかどうかです。

パーセンテージの場合、ブラウザ間の互換性はどうですか？

固定ピクセルの場合、異なる画面解像度はどうですか？どの画面解像度を選択する必要がありますか？

また、私たちの決定の根拠は何でしょうか？

Answer 1

ほとんどの div ベースのページ レイアウトでは、パーセンテージではなく、固定のピクセル幅が使用されます。

パーセンテージを使用すると、ほとんどのシナリオで利点が得られます。ウィンドウ/ブラウザーに基づいて幅を変更するページがある場合は、これを使用します。しかし、正直なところ、これを行ったサイトを最後に見たのはいつか思い出せません。

固定ピクセル幅を使用すると、ブラウザや画面解像度などに関係なく、サイトがどのように見えるかを実際にデザインできます。

固定幅のレイアウトを作成する場合、通常、幅が約 960px の「コンテナ」div を作成します ( http://960.gs/を参照)。この幅は、ほとんどのブラウザー/画面解像度 (例: 1024x768 以上) に適合するため使用されます。

「コンテナ」は通常、ページの中央に配置されます (左揃えになることもあります)。たとえば、msn.com、yahoo.com、stackoverflow.comなどを参照してください。これらはパーセンテージではなく、すべて固定幅です (ウィンドウのサイズを変更して、その内容が変わらないことを確認することで、これをテストできます)。