user@dailytools:/css-units█
CSS 單位轉換
$ input:
$ config:
根元素 font-size (rem)
px
父元素 font-size (em)
px
視窗寬度 (vw)
px
視窗高度 (vh)
px
容器寬度 (%)
px
視窗預設:
$轉換結果
[px]16px
[rem]1rem
[em]1em
[pt]12pt
[vw]0.8333vw
[vh]1.4815vh
[%]16%
$ formula:
1rem = 16px (根元素 font-size) 1em = 16px (父元素 font-size) 1vw = 19.20px (視窗寬度的 1%) 1vh = 10.80px (視窗高度的 1%) 1% = 1.00px (容器寬度的 1%) 1pt = 1.333px (固定比例)
使用說明
輸入數值並選擇單位，即可轉換為各種 CSS 單位格式。
rem 相對於根元素字體大小，em 相對於父元素，vw/vh 相對於視窗尺寸，適用於響應式設計和不同裝置的適配。