转换器
CSS 单位转换器
在 CSS 单位之间转换:px、rem、em、pt、cm、mm 和 in。
基准字体大小 (px)
px
px
px
px
pxPixels
remRoot em
emEm (parent-relative)
%Percentage (parent-relative)
vwViewport width
vhViewport height
ptPoints (1pt = 1/72in)
pcPicas (1pc = 12pt)
cmCentimeters
mmMillimeters
inInches
常用断点
| Name | px | rem |
|---|---|---|
| sm | 640px | 40rem |
| md | 768px | 48rem |
| lg | 1024px | 64rem |
| xl | 1280px | 80rem |
| 2xl | 1536px | 96rem |
关于 CSS 单位转换器
CSS 支持多种用于设置元素、字体和间距大小的单位。像素(px)是绝对单位,而 rem 和 em 是相对于字体大小的单位——这使它们对响应式设计至关重要。本工具可在所有常见 CSS 单位之间即时转换,并支持可调基准字体大小以精确计算 rem/em 值。
如何使用
从顶部按钮选择源单位,然后输入数值。所有转换结果会即时显示。如果您的项目使用不同的根字体大小,可调整基准字体大小(默认 16px)。点击任一结果旁的复制图标即可复制。
常见使用场景
- 将像素值转换为 rem 以实现响应式排版
- 将印刷单位(pt、cm、mm)转换为屏幕单位(px)
- 基于自定义基准字体大小计算 em 值
- 在不同单位系统中生成一致的间距值
- 将设计稿中的英寸或磅转换为像素
Frequently Asked Questions About CSS 单位转换器
What is CSS 单位转换器?
CSS 单位转换器 is a free online tool on akousa.net, a platform with 559+ browser-based utilities. 在 CSS 单位之间转换:px、rem、em、pt、cm、mm 和 in。 No installation is required.
How do I use CSS 单位转换器?
Simply open CSS 单位转换器 on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is CSS 单位转换器 free?
Yes, the core CSS 单位转换器 experience is free to use without signup. All 559+ tools remain available for everyday use, while Akousa Pro adds optional premium platform features and ad-free browsing.