代码推演
根字号变化会影响哪些尺寸？
<style>
html { font-size: 20px; }
.a { font-size: 16px; padding: 1rem; }
.b { font-size: 1rem; padding: 1rem; }
</style>
<p class="a">A：16px 字号，1rem 内边距</p>
<p class="b">B：1rem 字号，1rem 内边距</p>提问：把根字号从 20px 改成 24px，A、B 的字号和内边距各是多少？哪一项与根字号无关？
查看参考解析
A 字号仍为 16px；B 字号为 24px；两者内边距均为 24px。rem 以根元素字号为参照，不以各自元素字号为参照。