1M
Tools
計算機
変換ツール
画像ツール
テキストツール
ジェネレーター
開発者ツール
CSSツール
カラーツール
ソーシャルメディアツール
JA
1M
Tools
計算機
変換ツール
画像ツール
テキストツール
ジェネレーター
開発者ツール
CSSツール
カラーツール
ソーシャルメディアツール
Language
🇬🇧
English
🇩🇪
Deutsch
🇯🇵
日本語
🇪🇸
Español
🇫🇷
Français
Theme
Loading...
All Tools
241
計算機
40
変換ツール
20
画像ツール
25
テキストツール
21
ジェネレーター
25
開発者ツール
37
CSSツール
23
カラーツール
15
ソーシャルメディアツール
10
other
25
Browse Tools
ホーム
変換ツール
PX・EM・REM変換ツール - CSS単位コンバーター
PX・EM・REM変換ツール - CSS単位コンバーター
レスポンシブWebデザインのためにCSS単位(px、em、rem)を相互変換
変換ツール
PX・EM・REM変換ツール
Value
From unit
使い方
1
変換したい値を入力してください
2
変換元の単位を選択してください(px、em、またはrem)
3
基準フォントサイズを設定してください(通常は16px)
4
「計算」をクリックすると、3つの単位すべての対応する値が表示されます
よくある質問
emとremの違いは何ですか?
emは親要素のフォントサイズを基準とし、rem(ルートem)はルートHTML要素のフォントサイズを基準とします。remは一貫したサイズ調整においてより予測しやすい単位です。
ブラウザのデフォルトフォントサイズは?
ほとんどのブラウザのデフォルトは16pxで、つまり1rem = 16pxとなります。CSSでhtml { font-size: ... }を使用してこれを変更できます。
pxとremはどのように使い分けるべきですか?
フォントサイズやスペースにはremを使用して、ユーザーのブラウザ設定を尊重しましょう。ボーダーやアイコンなど、スケーリングすべきでない固定サイズの要素にはpxを使用してください。