CSS3中提供了一种新的字体单位——rem(root em),相较于传统的像素(px)、em、百分比等单位,rem更加灵活和方便。
rem的计算方式相对简单,它是根据根元素html的字体大小进行计算的。例如,如果html的字体大小为16px,1rem则等于16px;如果html的字体大小改为20px,1rem则等于20px。
举个例子,如果我们要设置一段文字的大小为16px,传统的写法为:
p { font-size: 16px; }
而使用rem,则可以这样写:
p { font-size: 1rem; }
这样可以保证即使根元素的字体大小改变,该段文字的大小也会跟随改变。
除了rem,CSS3还提供了其他的字体单位,如vw、vh、vmin和vmax,它们也都具有不同的特点和应用场景。在实际开发中,我们需要根据具体情况选择合适的字体单位。