CSS単位変換
いずれかの単位に入力するとpx·rem·em·pt·%が同時に更新されます。root font-sizeは16pxがデフォルト、必要に応じて変更可能。
px
px
よく使うサイズ表
| px | rem | em | pt | % |
|---|
使い方
1
任意の単位に入力
px·rem·em·pt·%のどの欄に値を入力しても、他の欄は自動的に変換された値が表示されます。
2
基準フォントサイズ設定
root font-size(rem基準)と親 font-size(em基準·%基準)を調整できます。デフォルトは両方16pxです。
3
コピーまたは比較
各単位横のコピーボタンで値をクリップボードに保存。よく使う変換表(8/12/14/16/18/20/24px)も併せて表示。
よくある質問
remとemの違いは？
remはhtml要素のフォントサイズ(通常16px)を基準に、emは現在の要素の親フォントサイズを基準に計算されます。remは絶対的、emは相対的に動作します。
なぜroot font-sizeのデフォルトが16px？
ほとんどのブラウザ(Chrome、Safari、Firefoxなど)のhtmlフォントサイズが標準で16pxです。ユーザー設定が変更されていない環境では1rem = 16pxが標準。
%とemは同じ？
はい、フォントサイズ基準では100% = 1emです。ただし%単位は他のプロパティ(width、heightなど)では親のそのプロパティ値が基準になり意味が異なります。
ptはいつ使う？
ptは印刷単位で1pt ≈ 1.333pxです。Webではあまり使われませんが、PDF·印刷プレビュー時に便利です。
サーバーに送信されますか？
いいえ。すべての変換はブラウザ内で行われ、入力値が外部に送信されることはありません。
