CSSの長さの単位

質問

CSSには長さの単位にたくさんの種類がありますが、どの単位を使えばいいのでしょうか？
一概にこの単位だけ使えばいいというものではないのでしょうか？

回答よろしくお願いします。

回答No.2

dezimac · ベストアンサー

絶対にこれを使えという決まりはありません。
一般的に良く使われるのは、「px」「%」「em」「pt」あたりです。

%とemは相対的な指定なので、見る環境によって大きさが変わります。
例）親要素の1.5倍の大きさ
font-size:150%;
font-size:1.5em;

ブラウザの標準設定の文字サイズが小さければ小さく、大きければ大きく表示されます。

pxだとブラウザの設定に関係なく、その大きさで表示されます。
12pxと指定すれば、必ず12pxで表示されます。

#1の回答及びリンク先の「px」の説明にはちょっと誤解があります。
1024×768表示できるディスプレイでも15インチのもあれば、17インチのもあります。
この場合は、1ピクセルの物理的なサイズ（mm）は変わりますが、あくまで1pxは1pxです。
%のように変化する訳ではありません。

http://www.7key.jp/hp/2/13.html
にあるpxの説明はむしろ次ページのように、inchやcmで指定した場合に起こる事です。
http://rinrin.saiin.net/~aor/hms/reso

デザインを最重視でこのサイズで見て欲しいという部分はpx、それ以外は%を使うとすればいいと思いますよ。
ちなみに見る側から言えば、px等で下手に小さな文字サイズを指定されると不便です。
Windows版IEでは文字サイズ変更してもpxで指定されていると変わらないので。

お礼

>一般的に良く使われるのは、「px」「%」「em」「pt」あたりです。

なるほどそうですか。一般的に使われいているものは大体決まっているんですね。

>デザインを最重視でこのサイズで見て欲しいという部分はpx、それ以外は%を使うとすればいいと思いますよ。
ちなみに見る側から言えば、px等で下手に小さな文字サイズを指定されると不便です。
Windows版IEでは文字サイズ変更してもpxで指定されていると変わらないので。

デザイン用とそれ以外と分けて使えばいいわけですね。

ありがとうございました。

回答No.1

noname#56882

「px」や「%」は見る人の環境によって見た目の長さが変わってきます。
（ブラウザやOSなども関係してきます）
環境に依存しない大きさも単位を使うほうが一般的に良いとされているようです。

［とほほのスタイルシート入門　長さの単位］
http://www.tohoho-web.com/css/basic.htm#Unit
［ホームページ作成の第一歩【長さの単位】］
http://www.7key.jp/hp/2/13.html
などを参考にされるといいと思いますよ。

お礼

ありがとうございます。

参考URLは大変参考になりました。

ありがとうございました。