CSS 単位変換(px↔rem)
ルートフォントサイズを基準に px・rem・em・%・pt を一度に相互変換します。
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
px、rem、em、%、pt の値を互いに変換する CSS 単位変換ツールです。値を一つ入れるだけで、ルートフォントサイズを基準に残りの単位の結果が即座に計算されます。
使い方
- 変換する値を入力し、その値の単位を選びます。
- 基準(ルート)フォントサイズを px で入力します(ブラウザの初期値は 16px)。
- px・rem・em・%・pt の結果が自動で計算されたら、必要な単位をコピーして使います。
よくある質問
- rem と em の違いは何ですか?
- rem は常にルート(html)要素のフォントサイズを基準に計算し、em は親要素のフォントサイズを基準にします。このツールは入力した基準フォントサイズを親と仮定して両方の単位を計算します。
- pt はどう変換されますか?
- ウェブ標準に従い 96px = 72pt、つまり 1px = 0.75pt で変換します。印刷用の pt の概念を画面(96dpi)基準で換算した値です。
- 計算結果が実際の画面と異なることがありますか?
- em・% は実際には各要素の親フォントサイズによって変わるため、ここでの結果は指定した基準値を親と仮定した参考用の値です。実際に適用する際は対象要素の継承関係を確認してください。
