文字サイズの指定を「rem」に

このような問題を解決できる単位として、CSS3では新しく「rem」という単位が追加されました。この単位「rem」は、(親要素ではなく)「ルート要素の文字サイズ」を基準にして文字サイズを指定できる単位です。

そのため、CSSを適用した要素が入れ子構造になっていても、徐々に文字サイズが小さく(または大きく)なる問題は起こりません。文字サイズを割合で指定した複数のボックスを重ねてレイアウトしていても、どれくらいの文字サイズで表示されるのかが簡単に把握できます。

※ルート要素は、「body要素」ではありませんので注意して下さい。


ソ-ス:CSS3の新単位「rem」で文字サイズを分かりやすく指定 [ホームページ作成] All About

備忘。


関連:
Can I use... Support tables for HTML5, CSS3, etc

知ってると便利なCSSのテクニックのまとめ -CSS Protips | コリス

CSSの基本単位としてremを使うと超絶便利 - Qiita