pxタグは、使わない方が良い？

質問

質問が4つありまして、
私は、HTMLとCSSのWEBデザインについては、初心者なのですが、
１つ目は、
pxタグを使ってフォントサイズを指定すると
最大解像度が2倍違うとモニターサイズが同じ大きさの場合、文字の大きさも2倍になるのでしょうか？
2つ目は、一般的に、pxタグは、使わないでemや%を使った方が良いかどうか。
3つ目は、remを使った場合、
古いIEブラウザなど対応していない場合どうなるでしょうか。
4つ目は、remは使わない方が良いのでしょうか。

回答No.1

noname#212058 · ベストアンサー

> 1. 最大解像度が2倍違うとモニターサイズが同じ大きさの場合、
> 　 文字の大きさも2倍になるのでしょうか？

解像度が2倍大きいほうが、文字サイズが半分になります。
つまり解像度が大きければ全体的に小さく表示されます。

> 2. 一般的に、pxタグは、使わないでemや%を使った方が良いかどうか。

IE に限った話なのですが、IE9 よりも前のバージョンでは px で文字サイズを指定した場合にユーザ側で文字拡大できないという問題がありました。昔々は小さい文字がスタイリッシュとされて、ネコも杓子も 10px で作っていた時代があったのですが、10px では読めない人が続出して px ダメだ！ という流れになったのです。
IE10 以降はこの問題がなくなったので、今では px を忌避する理由は薄くなっていますね。

em はユーザが使用している OS によって大きさが変わるので、デザイン重視のページではなかなか難しい単位です (同じモニタでも OS が Windows か Mac かなどで変わるので、デザイン崩れの原因になりやすいです)。

% は元のサイズが Javascript などで動的に変わる場合などには便利なので、使えるときに上手く使えばいいんじゃない？ 程度ですね。

お好みで使えば良いのではないでしょうか？

> 3. remを使った場合、古いIEブラウザなど対応していない場合どうなるでしょうか。

単に無視されます。古いブラウザのサポートも考えるならば、一緒に px などの指定もしておくのが良いかと。
http://d.hatena.ne.jp/Syunpei/20120323/1332460739

> 4. rem は使わない方が良いのでしょうか

自分のサイトのユーザ層を考えて選択すれば良いかと。セキュリティ問題も無視して古いブラウザを使っているような老害はお呼びじゃないんだ！ というのであれば何の心配もいりません。
もしくは、3. で示した代替案を使うとか 。正直、2重指定するくらいなら、最初から古いブラウザにも対応できる単位で作ったほうが賢いでしょうが。

お礼

参考ぺーじにありました。
以下の情報が、良さそうだと思いました。

html { font-size: 62.5%; }
small { font-size: 11px; font-size: 1.1rem; }
strong { font-size: 18px; font-size: 1.8rem; }
ありがとう御座いました。