px / rem / em / vw / % 实时互转，自带预览效果，前端开发必备
CSS中有多种长度单位，选择合适的单位对响应式设计至关重要。以下是常用单位的说明：
px → rem：px / 根字号rem → px：rem * 根字号px → em：px / 父元素字号（本工具默认父字号=根字号）px → vw：px / 视口宽度 * 100vw → px：vw * 视口宽度 / 100rem始终相对于根元素（html）的font-size，不会受嵌套影响。em相对于父元素的font-size，会随嵌套层级叠加放大。一般推荐用rem避免计算混乱，em适合组件内部需要相对缩放的场景。
浏览器默认根字号为16px，建议保持这个值。如果习惯px思考，可以设置html{font-size:62.5%}使1rem=10px方便换算，但需注意这会影响无障碍访问时的默认字号。
vw是相对于浏览器视口宽度的百分比，不受父元素影响。%是相对于父元素尺寸的百分比。例如50vw始终是视口的一半，而50%取决于父元素的宽度。
不会。本工具100%在浏览器本地运行，所有计算都在你的设备上完成。
本工具中em的换算默认以根字号作为父元素字号（即假设父元素未单独设置font-size）。实际项目中em的参照值取决于DOM层级中最近的设置了font-size的祖先元素。