用 rem
来调整全局大小;用 em
来调整局部大小
在根元素设置基本字体大小后 (html { font-size: 100%; }
), 使用 em
设置文本元素的字体大小:
h2 {
font-size: 2em;
}
p {
font-size: 1em;
}
然后设置模块的字体大小为 rem
:
article {
font-size: 1.25rem;
}
aside .module {
font-size: .9rem;
}
现在,每个模块变得独立,更容易、灵活的样式便于维护。
当前内容版权归 AllThingsSmitty 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 AllThingsSmitty .