<html>
标签上的字体大小设置为 20px(<body>
上的字体大小默认为 0.7rem
,即 14px
)。
其他所有尺寸及字体单位为 rem。根据需要可以将 px 单位除以 20 换算为 rem 单位。例如设置一个盒模型宽度为 340px,换算为 rem 则为:17rem。
默认情况下:1rem = 20px
统一使用 rem 作为单位,可以通过更改 <html>
标签上的字体大小来整体放大和缩小UI。
试一试:
参考资料:
<html>
标签上的字体大小设置为 20px(<body>
上的字体大小默认为 0.7rem
,即 14px
)。
其他所有尺寸及字体单位为 rem。根据需要可以将 px 单位除以 20 换算为 rem 单位。例如设置一个盒模型宽度为 340px,换算为 rem 则为:17rem。
统一使用 rem 作为单位,可以通过更改 <html>
标签上的字体大小来整体放大和缩小UI。
试一试:
参考资料: