在 px、rem、em、vw、vh、pt 和百分比之间互转 CSS 单位，可自定义根字体大小、父元素字体大小和视口尺寸，结果实时更新，适合前端开发响应式布局调试。
rem 相对于根元素字体大小（大多数浏览器默认 16px）。em 相对于当前元素父元素的字体大小，可能发生级联累积。
字体大小和间距使用 rem，可随用户浏览器字体设置自动缩放（更好的无障碍访问性）。px 适用于边框、固定尺寸元素等需要精确控制的场景。
px 适合固定尺寸的元素（如边框、阴影、图标尺寸）。rem 适合字体大小和间距，基于根元素字体大小，便于全局缩放，无障碍访问更好。em 适合相对于父元素的尺寸调整。vw/vh 适合全屏布局和响应式设计。
rem 基于根元素字体大小，适合响应式排版——用户在浏览器设置中调整字体大小时，rem 单位的元素会同比例变化，提升无障碍性。px 适合固定尺寸（如边框 1px）。最佳实践：字体大小、间距、容器宽度用 rem；边框、阴影用 px；媒体查询使用 em。