CSS単位変換
無料オンライン CSS 単位変換ツール、px/rem/em/vw 相互変換
CSS単位の変換
CSSには様々な単位があります：px（ピクセル）、em（親要素のフォントサイズに対する比率）、rem（ルート要素のフォントサイズに対する比率）、vw（ビューポート幅の1%）、vh（ビューポート高さの1%）、pt（ポイント）。このツールはこれらの単位間の変換を行います。
CSS単位変換ツールの使い方
値を入力し、変換元の単位を選択します。ルートフォントサイズ（rem変換用）とビューポートサイズ（vw/vh変換用）を設定します。ツールがすべての単位での等価値を表示します。
▶emとremの違いは？
emは親要素のフォントサイズに対する比率です。remは常にルート要素（html）のフォントサイズに対する比率です。remは予測可能なため推奨されます。
▶レスポンシブデザインにどの単位を使うべきですか？
レイアウトにはremとvw/vhを使用し、メディアクエリにはemを使用します。境界線や細かい調整にはpxが適しています。コンテキストに応じて使い分けてください。
▶1remのデフォルト値は？
ほとんどのブラウザで16pxです。ただし、ユーザーがブラウザのフォントサイズ設定を変更している場合、この値は変わります。