在根元素设置基本字体大小后 (html { font-size: 100%; }), 使用 em 设置文本元素的字体大小:
html { font-size: 100%; }
em
h2 { font-size: 2em; } p { font-size: 1em; }
然后设置模块的字体大小为 rem:
rem
article { font-size: 1.25rem; } aside .module { font-size: .9rem; }
现在,每个模块变得独立,更容易、灵活的样式便于维护。