Open2
font-size: 62.5%問題 について
たたた指定するメリット
- ブラウザからフォントサイズを変更できる
※Chrome設定→デザイン→フォントをカスタマイズ
指定するデメリット
- ブラウザからフォントサイズが変更できなくなる
- 保守運用の際に混乱を招く可能性がある
- そもそも全てのブラウザのデフォルトが16pxとは限らない（主要ブラウザは16px）
■参考
html { font-size: 62.5%; } は嫌いだ - デフォルトを変更するのは悪手です
闇雲なrem信仰に物申す
たたた変換の仕方について
ライブラリを使用する
px→remに変換する必要があれば、下記のライブラリで一括変換も可能
pxで指定してしまって、必要であればライブラリ使うのが適当？
Sassを使用する
function.scss
$baseFontSize: 16;
@function rem($pixels) {
@return $pixels / $baseFontSize * 1rem;
}
project.scss
p {
font-size: rem(16);
}
上記の問題点は、デフォルトのブラウザが必ず「16px」であることを前提としている。