レイアウトの割合またはピクセル？

Webページのレイアウトには何を使用しますか？パーセンテージまたはピクセル？
いつ他のものを使うべきですか？

web-development design websites

— ACP
ソース

どちらも-使用EMさん;-)

— アルマン

（それは「em」という表記上の用語であり、HTMLタグの「em」ではありません。誰かが切り替えた場合に備えてください。）

— Frank Shearar

@Alison：あなたは「 -使用どちらも意味するものではありませんEM S」を？

— アランピアース

ターゲットプラットフォーム？明らかなのはパーセンテージですが、残念ながらほとんどのグラフィックアセットは

— 適切にスケーリング

うーん@アラン、あなたは正しいかもしれません:—)

— Armand

回答:

使用する単位は、達成したいことに完全に依存します。Webレイアウトで最も使用される単位は次のとおりです。

px-絶対; 1ピクセル
pt-絶対; 1/72インチ、画面メディア用に約1.3ピクセル
em-親フォントサイズを基準とします。1.0em =文字のサイズ（大文字のMの幅）
％-親を基準

1pxの境界線など、一定のサイズにはpxを使用します。
3.0emマージンなど、フォントサイズに続くサイズにemを使用します。
％は、親のパーセンテージを占めるサイズ、たとえば幅50％に使用します。

Webページレイアウトの場合、通常は、固定（ピクセル）レイアウトと流動（パーセンテージ）ベースのレイアウトのどちらが必要かによって、ピクセルまたはパーセンテージを使用します。

— グッファ
ソース

少し気を付けてください。emは、従来のタイポグラフィにおける大文字のMの高さではなく、幅です。当然のことながら、enは大文字のNの幅です。exは文字ベースの高さの尺度です。

— スタンロジャース

@Stanロジャース：私は他の誰かが中にいることを編集し、それが大文字のMの高さだったということはありません

— Guffa

重要なことは、与えられた情報は、誰がそこに置いたかではなく、私たちができる限り正確であることです。（私はまだ他の人のwiki以外の回答を編集することができないので、コメントは私ができる最善の方法です。）

— Stan Rogers

ポイントサイズは、ユーザーが設定した出力デバイスの正確な解像度とスケールファクター（解像度に依存しないUI、XPの「大きなフォント」など）を知らない限り、絶対的なものではありません。また、iPhone 4は326 dpiであり、72dpiを大幅に上回ります

— JBRウィルキンソン

@JBRWilkinson：これは、任意のデバイスの絶対的な尺度です。単位と同じくらい絶対pxです。ピクセルのサイズも、ディスプレイによって異なります。

— Guffa

幅の宣言にはピクセルを使用する傾向がありますが（通常は固定）、高さにはemを使用します。このようにして、レイアウトは垂直方向にサイズ変更されますが、水平方向の一貫性は維持されます。

— Sunwukung
ソース

可能な限り、相対的/比例したサイズを使用します。後でレイアウトを変更するのがずっと簡単になると思います。また、親要素に相対的なサイズを使用すると、親への変更が簡単に滴り落ちます。

従来、相対サイズを使用すると、ページをさまざまな解像度で正しく表示することもでき、ブラウザのズームや最小フォントサイズに特に有益でした。しかし、最近のブラウザーは、ピクセル固有のレイアウトでサイズ変更を非常にうまく処理し、必要に応じて画像を拡大することさえしています。したがって、相対サイズを使用することの重要性は低くなります。

— マットS
ソース