■ CSSなどで使う単位
CSSで使う単位は、「相対単位」が推奨されているそうです。
●相対単位
- % 百分率、パーセントで指定する場合もあります。
- em 親要素のフォントサイズ = 1em。
- ex フォントの小文字のxの高さに対応した単位。
- rem ルート要素のフォントサイズに対応した単位。
多くのブラウザが標準16pxなので、
1rem = 16px。
- ch 要素のフォントの0の文字幅に対応した単位。
- vw ビューポートの幅の1%に対応した単位。
- vn ビューポートの高さ1%に対応した単位。;
- vmin ビューポート短辺の長さ1%に対応した単位。
- vmax ビューポート長辺の長さ1%に対応した単位。
●絶対単位
- px 1ピクセルに対応した単位。
文字コードやディスプレイの種類によって同じpx値でも表示されるサイズが変化する。
- cm センチメートル。
- mm ミリメートル。
- in インチ。1inは2.54cm。
- pt 1ポイント(1インチの1/72)に対応した単位。
- pc １パイカ(12ポイント)に対応し単位。
- Q 1級(1/4mm)に対応した単位。
