CSSの長さの単位

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

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

No.2 ベストアンサー 回答者： dezimac 回答日時： 2008/01/16 17:28

絶対にこれを使えという決まりはありません。

一般的に良く使われるのは、「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で指定されていると変わらないので。

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

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

お礼日時：2008/01/17 14:01

No.1 回答者： NymphLuna 回答日時： 2008/01/16 16:48

「px」や「%」は見る人の環境によって見た目の長さが変わってきます。

（ブラウザやOSなども関係してきます）
環境に依存しない大きさも単位を使うほうが一般的に良いとされているようです。

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

この回答へのお礼

ありがとうございます。

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

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

お礼日時：2008/01/16 18:22