rem 与 em 的区别？

rem 相对于文档根（html font-size，默认 16 px），em 相对于父元素。仅当父元素使用根字号时两者相等。

为什么 1pt = 1.333px？

CSS 定义：1 in = 96 px、1 pt = 1/72 in，所以 1 pt = 96/72 ≈ 1.333 px。

使用你在基础尺寸面板中输入的视口宽高。默认 1440 × 900 是常见桌面；请按设计画布修改。

在字体语境下 % 等同 em（相对父级）。在其他 CSS 属性中，% 依据该属性的 containing block 来计算。

转换

输入任意 CSS 单位的数值，立即换算到其他所有单位。可自定义 rem 计算用的根字号（默认 16 px）、em / % 计算用的父级字号、以及 vw / vh 计算用的视口宽高。用于把设计稿落到 Tailwind / CSS，核对响应式字号，或在非默认环境下确认 1rem 等于多少 px。

—

数值单位

基础尺寸（根 / 父 / 视口）

根字号 (rem)父字号 (em, %)视口宽 (vw)视口高 (vh)

所有单位

rem 与 em 的区别？: rem 相对于文档根（html font-size，默认 16 px），em 相对于父元素。仅当父元素使用根字号时两者相等。
为什么 1pt = 1.333px？: CSS 定义：1 in = 96 px、1 pt = 1/72 in，所以 1 pt = 96/72 ≈ 1.333 px。
vw / vh 精确吗？: 使用你在基础尺寸面板中输入的视口宽高。默认 1440 × 900 是常见桌面；请按设计画布修改。
% 呢？: 在字体语境下 % 等同 em（相对父级）。在其他 CSS 属性中，% 依据该属性的 containing block 来计算。