📐 CSS单位转换器 📐 CSS Unit Converter
免费的在线CSS单位转换器，支持px、rem、em、vw、vh、pt、cm、mm、in之间互转，实时双向转换，响应式预览。
常见问题
- Q：1rem等于多少px？
- A：默认情况下1rem=16px（浏览器默认根字体大小为16px）。但如果html元素的font-size被修改（如设置为10px或18px），则1rem等于该修改后的值。
- Q：em和rem有什么区别？
- A：rem始终相对于根元素（html）的字体大小，em相对于最近的父元素的字体大小。em在嵌套时会累积：如果父元素font-size为1.5em，子元素的1em实际是1.5×16=24px。rem不会有此问题。
- Q：vw在移动端可靠吗？
- A：基本可靠，但注意iOS Safari的地址栏收缩会导致vh变化（100vh≠实际可见高度）。现代方案是使用dvh（动态视口高度）或svh（小视口高度）来解决。
- Q：如何将设计稿的px转为rem？
- A：假设设计稿宽度750px，基准font-size设为16px。转换公式：rem值 = 设计稿px值 ÷ 16。例如设计稿标注32px，则32÷16=2rem。也可以将基准设为10px简化计算。
- Q：CSS像素和物理像素有什么区别？
- A：CSS像素是抽象单位，物理像素是屏幕实际像素点。在2x DPR屏幕上，1个CSS像素对应2×2=4个物理像素。这就是为什么Retina屏幕上的1px边框看起来更细。
- Q：免费CSS单位转换器工具需要注册吗？
- A：不需要。本CSS单位转换器工具完全免费开放使用，无需注册账号，无需下载安装，打开浏览器即可使用，无任何使用次数限制。
- Q：CSS单位转换器工具支持哪些浏览器？
- A：支持Chrome、Firefox、Safari、Edge等所有主流现代浏览器的最新版本。建议使用Chrome浏览器以获得最佳性能和兼容性体验。
- Q：CSS单位转换器工具有移动端版本吗？
- A：有的。CSS单位转换器工具采用响应式设计，在手机、平板等移动设备的浏览器中都能正常使用，操作体验与桌面端一致。