cssの文字の単位について。

質問

文字指定の単位はたくさんあります。
『cm』『mm』『in』『pt』『pc』『em』『ex』『px』『%』
と、こんなに色々あります。
それで、どれを使うのが一番良いのかが知りたいのです！
私は今まで『px』を使ってきました。
でも、『px』は使わない方が良いという記事を見ました！

どのブラウザでもOSでも問題なく見れて、使いやすいのはいったいどれなのでしょう？
ご意見または参考サイトなど教えていただければ幸いです。

回答No.2

dezimac · ベストアンサー

扱いやすいというなら「px」等のサイズを明確にしていできる単位です。
どのブラウザでも指定したサイズで表示されるので、作成者が意図した通りのデザインで見せる事ができます。
見る側では12pxとかの小さいサイズで指定されると読みにくく感じる人も多く出てきます。
特にIEでは○px等と指定されると、見る側で文字のサイズを変更できなくなってしまいます。

「em」や「%」だと親要素の文字サイズに対して、何％という指定なので、見る側でサイズを自由に出来ます。
大きめに設定している人は大きな文字で、小さくしている人は小さな文字でと。
<span style="font-size:120%;">少し大きめ（120%）</span>
<span style="font-size: 0.5em;">小さめ（半分の大きさ）</span>

当然ながら、ブラウザによって文字のサイズが相対的に変化するので、完全に思い通りのデザインを再現する事は難しくなりっます。

どうしても文字サイズを固定したい所は「px」で、それ以外は「%」か「em」で指定するがいいと思いますよ。
http://www2.plala.or.jp/Cool/okite/red08.html

cm、mm、inは印刷用のスタイルシートでなら使う事もあるだろうけど、画面上で表示するなら使わないでしょね。
解像度（dpi）の設定を正確にしているブラウザ少ないでしょうからね。
1cmと指定しても画面上で1cm角で表示されることは稀です。
http://rinrin.saiin.net/~aor/hms/reso

どのブラウザもデザインも全て同じに見せようと思ったら、Flashにするか画像にするしかないですけどね。

回答No.1

noname#62000

私は文字サイズには「%」を使っています。「em」を使う人も多いです。
pxだとユーザが文字サイズを変更することができないので、ユーザビリティの観点からは好ましくないですね。

参考ページを貼っておきます。

参考URL：

http://www.seo-equation.com/html/css/units