PX 转 REM 与行高

px、rem、em、pt 互转，并给出合适的行高建议

文件不会离开你的设备
在浏览器本地运行
免费、免注册、无水印

单位换算

在任意一栏输入，其余自动换算。

rem

预览

排版是让语言变得可见的手艺。合适的行宽与舒展的行距，能让视线顺畅地从一行移到下一行，而不会迷失位置。

常用字号对照

点击某一行可载入到换算器。

px	rem	em	pt	vw	行高
10	0.625	0.625	7.5	0.694	1.7
12	0.75	0.75	9	0.833	1.65
13	0.8125	0.8125	9.75	0.903	1.63
14	0.875	0.875	10.5	0.972	1.6
15	0.9375	0.9375	11.25	1.042	1.57
16	1	1	12	1.111	1.55
18	1.125	1.125	13.5	1.25	1.52
20	1.25	1.25	15	1.389	1.5
24	1.5	1.5	18	1.667	1.4
28	1.75	1.75	21	1.944	1.32
32	2	2	24	2.222	1.25
36	2.25	2.25	27	2.5	1.23
40	2.5	2.5	30	2.778	1.2
48	3	3	36	3.333	1.15
56	3.5	3.5	42	3.889	1.13
64	4	4	48	4.444	1.1
72	4.5	4.5	54	5	1.09
96	6	6	72	6.667	1.05

字号比例

基准字号

比例

+6 · 61px敏捷的狐狸 Quick fox3.815rem

+5 · 48.8px敏捷的狐狸 Quick fox3.052rem

+4 · 39.1px敏捷的狐狸 Quick fox2.441rem

+3 · 31.3px敏捷的狐狸 Quick fox1.953rem

+2 · 25px敏捷的狐狸 Quick fox1.563rem

+1 · 20px敏捷的狐狸 Quick fox1.25rem

0 · 16px敏捷的狐狸 Quick fox1rem

-1 · 12.8px敏捷的狐狸 Quick fox0.8rem

-2 · 10.2px敏捷的狐狸 Quick fox0.64rem

clamp() 流式字号

字号在两个视口宽度之间平滑变化，超出范围则保持固定。

最小字号

最大字号

最小视口

最大视口

font-size: clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem);

模拟视口宽度900px → 19.94px

敏捷的狐狸 Quick fox

宽度 375 px 时

16px

宽度 768 px 时

18.95px

宽度 1024 px 时

20.88px

宽度 1440 px 时

24px

rem

行高

0.625

7.5

0.694

1.7

0.75

0.833

1.65

0.8125

9.75

0.903

1.63

0.875

10.5

0.972

1.6

0.9375

11.25

1.042

1.57

1.111

1.55

1.125

13.5

1.25

1.52

1.25

1.389

1.5

1.667

1.4

1.75

1.944

1.32

2.222

1.25

2.25

2.5

1.23

2.5

2.778

1.2

3.333

1.15

3.5

3.889

1.13

4.444

1.1

4.5

1.09

6.667

1.05

如何使用PX 转 REM 与行高

按你自己的根字号和父元素字号，在 px、rem、em、pt、% 和 vw 之间换算，并给出任意字号的推荐行高和舒适行宽。还能生成字号比例，以及用于响应式文字的 clamp() 流式字号。

在「计算基准」里设置根字号、父元素字号和视口宽度。

在「单位换算」的任意一个框里输入数值，其他单位会同步换算。

查看该字号的「推荐行高」和「舒适的行宽」。

可选：按比例生成「字号比例」，或生成「clamp() 流式字号」，复制 CSS。

常见问题

1rem 等于多少像素？

1rem 等于根元素（<html>）的字号，浏览器默认是 16 px。如果你的网站基准不同，改一下「根字号」即可。

rem 和 em 有什么区别？

rem 相对于根字号，em 和 % 相对于父元素字号。换算 em 时要先设好「父元素字号」。

推荐行高是怎么来的？

参照常见的排版经验：正文约 1.5，大标题行距更紧。同时还会给出对齐到 4 px 网格的数值。

clamp() 生成器有什么用？

它生成的字号会在两个视口宽度之间平滑变化，超出范围则保持不变。用「模拟视口宽度」可以查看任意宽度下的效果。

能换算印刷用的 pt 吗？

能。pt 按 CSS 规定的 72 pt = 96 px 换算，12 pt 等于 16 px。