css中0.85rem啥意思

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

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

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的字体大小通常被视为小字体大小,适用于一些次要信息的展示。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中0.85rem啥意思

粉丝

0

关注

0

收藏

0

已有0次打赏