カテゴリー:
フォント
閲覧数:448 配信日:2017-05-22 23:30
「ルート要素フォントサイズ指定」5案
A.16px;
・ルート要素フォントサイズを「16px;」とする方式
B.100%;
・ルート要素フォントサイズを「100%;」とする方式
C.62.5%;
・ルート要素フォントサイズを「62.5%;」とする方式
D.calc(100vw / 32);
・ルート要素フォントサイズを「calc(100vw / 32);」とする方式
E.未指定
・ルート要素フォントサイズを指定しない方式
ブラウザデフォルトの font-size は 16px
100% = 1rem = 1em = 16px = 12pt
・100%=16px
・1em = 16px
・1rem = 16px
viewportの幅が1200px、高さが1000pxの場合
・100vwは1200px、100vhは1000px
・10vwは120px、10vhは100px