CSSフォントサイズ換算
ルートと親要素の文字サイズを個別に指定し、px、rem、em、%、CSSポイントを換算します。
計算結果
結果
—
計算手順
手順を1つずつ、またはまとめて表示できます。現在の入力値を使った計算手順です。
計算方法
正しいフォントサイズのコンテキストを適用しながら、CSSピクセルを参照としてem、rem、およびパーセントに使用します。
px=rem×root; px=em×parent; px=percent×parent/100; 1pt=96/72 CSS px
計算例
24 CSS pxは1.5 remで16 pxの根を持つが、1.2 emは20 pxの親を持つ。18 CSS ptである。
前提条件と入力上の注意
これは、特に、非root Child のフォントサイズプロパティの値を変換します。他のプロパティの em は、代わりに要素の独自のフォントサイズを参照するかもしれません。根と親の値には計算サイズが入力され、16 pxが普遍的であるという仮定はない。 CSSの絶対比は、物理画面のピクセル寸法やフォントのグリフ寸法を測定しない。
参考資料： W 3C CSS値と単位:フォント相対性と絶対長
このツールの使い方
自分の値を入力できますか？
はい。入力例をご自身の値に変更してください。結果・計算手順・表・対応する図が入力に応じて更新されます。空欄や無効な値がある場合は結果を消去し、不足した入力を自動的に例の値で補うことはありません。
結果は厳密ですか？
浮動小数点演算を使用し、表示時に丸めています。計算式・前提条件・記載されたデータ精度を確認して結果を解釈してください。
入力内容は送信されますか？
計算はブラウザー内で行います。アカウント・ファイルのアップロード・外部AIサービスは不要です。ページを再読み込みすると入力値は保持されません。
画素寸法、印刷寸法、PPIを換算し、実際の印刷サイズ、必要な整数画素数、実効解像度を求めます。
余白、塗り足し、裁断間隔を含め、長方形の2方向の均一配置と必要用紙数を比較します。
2つの回転を表す単位四元数の間を、最短の弧に沿って補間します。
広告掲載用スペースです。