css字体大小用rem

在CSS中，我们经常需要为网站或应用程序中的文本设置字体大小。然而，在不同的设备和屏幕大小上呈现一个合适的字体大小是一个具有挑战性的任务。

这就是为什么我们需要使用rem单位来设置字体大小。

html {
  font-size: 16px;
}
p {
  font-size: 1rem;
}

在这个例子中，我们设置了根元素的字体大小为16像素。然后，我们设置每个段落的字体大小为“1rem”。

一个特点是，rem单位相对于根元素大小。这意味着如果我们更改根元素的字体大小，那么我们所有的标记将相应地调整。

此外，rem单位也可以让我们轻松实现响应式设计。根据不同的视口大小和屏幕分辨率，我们可以根据需要调整根元素的字体大小。

在总体上，使用rem单位可以让我们轻松调整字体大小，并实现响应式设计。切记不要忘记设置根元素上的字体大小。