Catnap

ARTICLE PAGE

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

相対フォントサイズ。

私は当たり前のようにまず最初にbodyのfont-sizeを13pxにしてまいます。
そして大抵line-heightは1.4emです。
これは、尊敬している先生が同じようにしていたからです。

というわけで文字の基本サイズは13pxにして、その他のサイズには%で対応しています。
そんな時に便利なのが相対サイズのメモです。

/* 13px bass
---------------*/
10px = 77%
11px = 85%
12px = 93%
14px = 108% 15px = 116% 16px = 124% 17px = 131%
18px = 139% 19px = 147% 20px = 154% 21px = 162%
22px = 170% 23px = 177% 24px = 185% 25px = 193%
26px = 200% 27px = 208% 28px = 216% 29px = 224%
30px = 231% 31px = 239% 32px = 247% 33px = 254%
34px = 262% 35px = 270% 36px = 277% 37px = 285%
---------------*/

こんな感じで、リセットCSSと一緒に書いてもいいんでしょうけど私は書かずにメモとしていつも用意しています。
CSS

Comments - 0

Leave a reply

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。