rem 来调整全局大小;用 em 来调整局部大小

在根元素设置基本字体大小后 (html { font-size: 100%; }), 使用 em 设置文本元素的字体大小:

  1. h2 {
  2. font-size: 2em;
  3. }
  4. p {
  5. font-size: 1em;
  6. }

然后设置模块的字体大小为 rem:

  1. article {
  2. font-size: 1.25rem;
  3. }
  4. aside .module {
  5. font-size: .9rem;
  6. }

现在,每个模块变得独立,更容易、灵活的样式便于维护。