REM

<html> 标签上的字体大小设置为 20px<body> 上的字体大小默认为 0.7rem,即 14px)。

其他所有尺寸及字体单位为 rem。根据需要可以将 px 单位除以 20 换算为 rem 单位。例如设置一个盒模型宽度为 340px,换算为 rem 则为:17rem。

默认情况下:1rem = 20px

统一使用 rem 作为单位,可以通过更改 <html> 标签上的字体大小来整体放大和缩小UI。


试一试:


参考资料: