📏 CSS単位変換

数値を入力し、変換元と変換先の単位を選択すると、自動的に変換結果が表示されます。ルートフォントサイズの設定も可能です。

px、rem、em、vw、vhなど、よく使われるCSS単位間の変換に対応しています。

pxは固定サイズ、remはルート要素のフォントサイズ基準の相対サイズです。レスポンシブデザインではremの使用が推奨されます。

ブラウザのデフォルト設定では1rem = 16pxです。ルート要素のfont-sizeを変更すると、rem値に対応するpx値も変わります。

vwはビューポート（表示領域）の幅の1%、vhはビューポートの高さの1%を表す相対単位です。例えば、1920px幅の画面では1vw = 19.2px、1080px高さの画面では1vh = 10.8pxになります。フルスクリーンのレイアウトやレスポンシブデザインに便利です。

はい、基準設定欄の「ビューポート幅」と「ビューポート高さ」の値を変更することで、任意の画面サイズでのvw/vh変換結果を確認できます。デフォルトは1920x1080（フルHD）に設定されています。

はい、変換結果の下に各単位への変換に使用された計算式が自動的に表示されます。px経由での二段階変換の過程も確認できるので、学習や検証に活用できます。

このツールは主要なCSS単位（px, rem, em, vw, vh, %など）に対応していますが、chとexユニットには未対応です。これらのユニットが必要な場合は、ブラウザの計算ツールを使用するか、rem/emでの代替を検討してください。

複数値の一括変換には対応していません。各値を個別に入力・変換する必要があります。一括変換が必要な場合は、テキストエディタの置換機能やExcelを利用することをおすすめします。

計算履歴の保存機能には対応していません。重要な変換結果は、手動でメモ帳やスプレッドシートに記録することをおすすめします。

このツールは標準的な96dpi（Windows）または72dpi（Mac）を基準としていますが、カスタムDPI設定には対応していません。異なるDPI環境での正確な変換が必要な場合は、DPI値を手動で計算して調整してください。

このツールは標準的なCSS単位のみを処理し、プリプロセッサの変数構文には対応していません。Sass/Lessの変数は事前に値に展開した上で、ツールに入力してください。

デフォルトでは16pxを基準（1rem = 16px）とします。プロジェクトで異なる基準を使用している場合は、手動で逆算するか、ビューポート設定で基準値を調整してください。一般的には、スタイルシート内のrootフォントサイズを確認してから変換することをおすすめします。