[分享]css中0.85rem啥意思

CSS中，0.85rem是一个相对长度单位，通常用于表示字体大小。rem是相对于根元素的字体大小（即html的fontsize），而0.85rem则表示根元素字体大小的0.85倍。html { fon...

CSS中，0.85rem是一个相对长度单位，通常用于表示字体大小。rem是相对于根元素的字体大小（即html的font-size），而0.85rem则表示根元素字体大小的0.85倍。

html {
  font-size: 16px;
}
p {
  font-size: 0.85rem; /*相当于13.6px*/
} 

以上代码表示，以16px为根元素字体大小，当给p元素设置font-size为0.85rem时，实际上是将p元素字体大小设置为13.6px。

使用rem作为字体大小的单位可以使网页的字体大小自适应不同设备、不同分辨率。因为rem是相对于根元素字体大小的，而根元素字体大小可以通过@media查询或JS动态设置。

@media (max-width: 768px) {
  html {
    font-size: 14px;
  }
} 

以上代码表示，在768px以下的屏幕宽度下，将根元素字体大小设置为14px，从而使页面的字体大小跟随屏幕宽度做出相应调整。

在实际使用中，0.85rem的字体大小通常被视为小字体大小，适用于一些次要信息的展示。