CSS 单位换算(px / rem / em / pt / %)

根字体大小(px)
父字体大小(px,em/% 用)
px rem em pt %
rem 相对根字体大小;em 和 % 相对父字体大小;1pt = 1.333px(96dpi)。

关于这个工具

在五种最常用的 CSS 单位之间换算:px、rem、em、pt、%。在任意一栏输入数值,其余四栏即时更新。rem 以根字体大小为基准(html 元素,默认 16px),em 和 % 以父元素字体大小为基准,父字体大小可单独设置以适配嵌套场景。

换算采用标准的网页关系:1pt = 1/72 英寸、1 英寸 = 96px,因此 1pt ≈ 1.333px。把印刷或设计工具中的点值(pt)换算成响应式网页单位时很实用。全部计算在浏览器本地完成。

相关工具

CSS Gradient GeneratorCSS Shadow GeneratorColor Converter