CSS单位最常用的有哪些?
2019-11-03 本文已影响0人
疯也是一种态度_
css单位
1、绝对单位
px： 逻辑像素，绝对单位
2、相对单位
em： 基准点为父节点字体的大小
rem： 相对根元素字体大小来计算
vw： 视口宽度， 将视口宽度的1% viewport-width
vh： 视口高度， 将视口高度的1%
vmin：vw和vh中较小的那个
vmax：vw和vh中较大的那个
最常用的css单位
px
- px是一个绝对单位
em
- em是一个相对单位,改变font-size的大小时，它的尺寸就会发生变化。
- 在没有任何CSS规则的前提下，1em的长度是：16px
- 如果有任何CSS规则改变了字体大小（不管在文档的什么位置），1em的长度会变成相对于新的font-size的大小。
- em单位当设置了font-size属性后，它会逐级向上相乘
rem
rem和em一样也是一个相对单位，但是和em不同的是rem总是相对于根元素，而不像em一样使用级联的方式来计算尺寸。这种相对单位使用起来更简单。
