px·pt·em·rem换算器
1 像素 = 0.0625 rem。在 10 种单位之间双向换算排版长度,包括像素、rem、磅、派卡、em等。
rem (rem) = 像素 (px) × 0.0625
采用CSS的单位比例,em和rem假定字号为16 px。屏幕像素与图像DPI可能不同。
像素 (px): CSS像素(px)有固定的比例:96 px=1 CSS英寸=72 pt。它在屏幕上的实际物理尺寸和设备像素数取决于显示器和缩放设置;这些换算不能根据未指定的DPI确定图像的打印尺寸。
rem (rem): rem随根元素的字号变化。本换算器把该字号固定为16 CSS px,因此1 rem=16 px。根字号可能因页面或用户设置而不同,所以16 px是假定值,并非CSS的定义。
| 像素 (px) | rem (rem) |
|---|---|
| 1 | 0.0625 |
| 2 | 0.125 |
| 4 | 0.25 |
| 5 | 0.3125 |
| 8 | 0.5 |
| 10 | 0.625 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 24 | 1.5 |
| 32 | 2 |
| 48 | 3 |
| 64 | 4 |
| 72 | 4.5 |
| 96 | 6 |
本页可在像素、磅、派卡、em、rem、英寸等 10 种单位之间换算排版长度。两个方向都在同一页完成,下文介绍换算系数、计算示例以及每种单位的含义。
使用方法
- 在下拉框中选择源单位和目标单位,例如像素和rem。
- 在任一输入框中输入数值,另一个输入框会自动更新。
- 使用交换按钮可以互换所选项目,点击“填入示例”可以填入有效的起始值。
计算公式
rem (rem) = 像素 (px) × 0.0625
系数为 15 ÷ 240,取自下方换算系数表中的 缇(twip) 值。其他组合的计算方法相同。
示例
前端开发者经常拿到以像素标注的设计稿,然后把尺寸改写成rem,使其跟随页面的根字号。
24 px × 0.0625 = 1.5 rem
排版长度换算系数
每个单位用缇(twip)(缇(twip))表示的数值。在任意两个单位之间换算时,乘以原单位的系数,再除以目标单位的系数即可。
| 单位 | 以 缇(twip) 表示的值 |
|---|---|
| 像素 (px) | 15 缇(twip) |
| 磅 (pt) | 20 缇(twip) |
| 派卡 (pc) | 240 缇(twip) |
| em (em) | 240 缇(twip) |
| rem (rem) | 240 缇(twip) |
| 英寸 (in) | 1,440 缇(twip) |
| 厘米 (cm) | 566.929133858 缇(twip) |
| 毫米 (mm) | 56.6929133858 缇(twip) |
| Q(四分之一毫米) (Q) | 14.1732283465 缇(twip) |
| 缇(twip) | 1 缇(twip) |
本页的单位
像素 (px): CSS像素(px)有固定的比例:96 px=1 CSS英寸=72 pt。它在屏幕上的实际物理尺寸和设备像素数取决于显示器和缩放设置;这些换算不能根据未指定的DPI确定图像的打印尺寸。
磅 (pt): 这里使用的磅(pt)是CSS和桌面出版使用的点,等于1/72英寸。它不是历史上的印刷点,也不是用于纸张厚度的0.001英寸点。
派卡 (pc): CSS派卡(pc)等于12磅,即1/6英寸。因此6派卡的版心宽度是72 pt,即96 CSS px。
em (em): em通常随元素的字号变化;在font-size声明中,它指继承而来的字号。本换算器假定适用的字号为16 CSS px,因此1 em=12 pt;它不会读取网站的实际字号。
rem (rem): rem随根元素的字号变化。本换算器把该字号固定为16 CSS px,因此1 rem=16 px。根字号可能因页面或用户设置而不同,所以16 px是假定值,并非CSS的定义。
英寸 (in): 1英寸正好是25.4毫米。CSS保持1 in=96 px=72 pt=6 pc,但在屏幕上,CSS英寸不一定与真实尺子上的英寸一致,因为单位可能以参考像素为基准。
厘米 (cm): 厘米是一米的百分之一。在CSS中,2.54 cm=96 px=72 pt;实际输出的物理尺寸还取决于渲染缩放比例。
毫米 (mm): 毫米是一米的千分之一。在CSS中,25.4 mm=96 px=72 pt,因此缩放打印或显示时,物理尺寸可能改变,而这些单位之间的比例保持不变。
Q(四分之一毫米) (Q): Q(四分之一毫米)是CSS的绝对单位,等于0.25 mm。4 Q等于1 mm,101.6 Q等于1 CSS英寸。
缇(twip): 缇(twip)是桌面出版中磅的二十分之一,即1/1440英寸。例如,12 pt就是240缇。
常见问题
12 pt是多少像素?
在CSS中,1 pt是1/72英寸,1 px是1/96英寸,所以1 pt=4/3 px(约1.333 px),1 px=0.75 pt。因此12 pt的字体是16 px。
em和rem有什么区别?
rem以根(html)元素的字号为基准,而em以当前元素的字号为基准(用于font-size时则以父元素的字号为基准),所以嵌套的em会层层累积。本换算器把两者都假定为16 px;如果根字号是20 px,则1 rem就是20 px。
结果有多精确?
计算使用模块中定义的数值和浏览器的浮点运算。结果最多显示 12 位有效数字,极大或极小的值使用科学计数法。显示时的舍入不会改变定义值。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/typography-and-screen-converter/
引用此工具
kakaoCalc. (2026, November 8). px·pt·em·rem换算器. https://kakao.mobile/zh/tools/typography-and-screen-converter/
“px·pt·em·rem换算器.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/typography-and-screen-converter/.