フォントサイズの指定方法
フォントの初期設定
フォントサイズをbodyで初期設定10pxに変換。
body {
font-size:62.5%;
} /* 10px */
100%は通常16pxがデフォルト設定。
フォントの計算を楽にする
デフォルトのフォントサイズを、10pxに変更したので、
「1rem=10px / 1em=10px」となります。
「1.6rem=16px / 1.6em=16px」と小数点以降でフォントの数値を判断できるため!!
ウェブデザインの勉強まとめサイト
フォントサイズをbodyで初期設定10pxに変換。
body {
font-size:62.5%;
} /* 10px */
100%は通常16pxがデフォルト設定。
デフォルトのフォントサイズを、10pxに変更したので、
「1rem=10px / 1em=10px」となります。
「1.6rem=16px / 1.6em=16px」と小数点以降でフォントの数値を判断できるため!!
失敗から学ぶ!駆け出しコーダーがやりがちな5つの落とし穴
1月 29, 2026デザインとコードの間にある“翻訳力”を磨こう
1月 27, 2026実案件で困らない!CSSバグ対応&ブラウザ検証の基本
12月 17, 2025