CSS单位最常用的有哪些?

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一样使用级联的方式来计算尺寸。这种相对单位使用起来更简单。

值得注意的浏览器支持问题: IE8,, Safari 4或 iOS 3.2中不支持rem单位。

你可能感兴趣的:(CSS单位最常用的有哪些?)