像素（px）
绝对单位，1px 是一个设备像素，适合边框、阴影和固定尺寸元素。
实时转换 CSS 长度单位，支持相对单位基准设置和常用绝对单位。
像素px
根 EMrem
EMem
更多单位 %, vw, vh, pt, in, cm, mm
%%
vwvw
vhvh
ptpt
inin
cmcm
mmmm
示例
根 EM（rem）
相对于根元素（html）字号，适合响应式排版、间距和统一缩放。
EM（em）
相对于父元素字号，适合组件级尺寸；嵌套时会层层叠加。
px、rem、em 通用的 CSS 单位转换器
CSS 单位转换器会使用你设定的基准字号，即时将 px 转 rem、rem 转 px 或 px 转 em。输入一个数值并选择原始单位，px、rem、em 三个结果会同步更新，方便快速比较。
它适合正在把固定像素布局迁移到相对单位的前端开发者和设计师。将基准字号设置为项目中 html 的 font-size，换算结果就能贴近实际项目，而不是默认假设为 16px。
隐私优先：每次换算都在浏览器中完成。输入数值和设置只保留在当前页面，不会上传到服务器。
如何换算 CSS 单位
设置基准字号
基准字号默认为 16px，即浏览器的常见默认值。可改成项目根元素 html 的 font-size，rem 和 em 的换算会随之更新。
选择输入单位
点击输入框旁的 px、rem 或 em 标签，指定当前数值使用的单位。
输入数值
输入任意数值，px、rem、em 结果会实时更新。也可以点击示例按钮载入常用值。
复制结果
点击任意结果行的复制按钮，即可连同单位后缀一起复制，例如 1.5rem，方便粘贴到 CSS 中。
只需要单向换算时，直接使用输入单位和结果行即可，例如 px 转 rem、rem 转 px 或 px 转 em。修改基准字号可以匹配项目的实际根字号。
常见问题
px 怎么转换成 rem？
用像素值除以基准（根）字号：rem = px ÷ base。在默认 16px 基准下，24px 等于 1.5rem。转换器会替你做这一步除法，并在你输入的瞬间更新，省去手动套公式。
rem 转 px 的公式是什么？
用 rem 值乘以基准字号：px = rem × base。在 16px 基准下，1.5rem 等于 24px。如果项目用的是不同的根字号，改一下基准字号字段，结果就会随之更新。
rem 总是以 16px 为基准吗？
16px 只是默认值。rem 相对于根 html 字号，多数浏览器把它设为 16px，但你可以在 CSS 中修改。这正是转换器提供基准字号字段的原因——把它设成项目实际的根字号，结果才准确。
em 和 rem 有什么区别？
rem 始终相对于根元素的字号，因此在整个页面中保持一致。em 相对于父元素的字号，这意味着元素嵌套时 em 值会层层叠加——1.2em 套在 1.2em 里，最终等于根字号的 1.44 倍。
什么时候该用 rem 而不是 px？
排版、间距和希望随用户偏好缩放的布局尺寸用 rem——调大了浏览器默认字号的读者会从基于 rem 的设计中受益。边框、盒阴影这类该保持固定的部分则继续用 px。
为什么 px 转 em 使用父元素字号？
因为 em 相对的是父元素的字号，而非根元素。这时标签会切换成"父元素字号"，提醒你参照尺寸取决于元素在 DOM 中的位置，而不是根 html 字号。
我的设置会在多次访问之间保存吗？
不会。数值和设置仅保留在当前页面中，刷新页面后会恢复默认值。