CSS 单位转换
免费在线 CSS 单位转换工具，px/rem/em/vw 互转
CSS 单位类型
px（像素）— 绝对单位，1px = 1/96 英寸。rem — 相对于根字体大小（默认 16px）。em — 相对于父元素字体大小。vw — 视口宽度的 1%。vh — 视口高度的 1%。pt — 磅（1pt = 1.333px）。cm、mm、in — 物理单位。
如何转换 CSS 单位
输入带有单位的值，设置根字体大小（用于 rem 计算）和视口尺寸（用于 vw/vh）。工具显示到所有其他单位的转换。帮助确保响应式设计在不同屏幕尺寸上正常工作。
▶应该使用 px 还是 rem？
字体大小和间距使用 rem 以支持用户辅助功能设置（浏览器缩放）。边框、阴影和需要精确控制的细节使用 px。许多团队采用 rem 优先的方法以获得更好的可访问性。
▶默认根字体大小是多少？
大多数浏览器的默认根字体大小是 16px。所以 1rem = 16px，1.5rem = 24px。可以通过 CSS 的 html { font-size: ... } 更改。
▶何时应该使用 vw 和 vh？
vw/vh 用于随视口缩放的响应式布局。填满整个屏幕的主区域（100vh）、随视口宽度缩放的字体大小和全宽元素是常见的使用场景。