CSS单位最常用的有哪些?

作者: 疯也是一种态度_ | 来源:发表于2019-11-03 21:21 被阅读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一样使用级联的方式来计算尺寸。这种相对单位使用起来更简单。

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

相关文章

  • CSS单位最常用的有哪些?

    css单位1、绝对单位px: 逻辑像素,绝对单位2、相对单位em: 基准点为父节点字体的大小rem: 相对根元素字...

  • css 单位和值

    css 单位和值 一、绝对长度单位 常用的绝对长度单位: px pixel 是 CSS 中最常用的长度单位,可以用...

  • 2-28

    csshttp://phpstudy.net/css3/ 先从单位学起,单位常用的有:px,rem,em

  • css单位

    论CSS常用单位的前世今生 目录: 一、---------------------------浅析CSS的组成 二...

  • px, em, rem 的区别和使用场景

    区别 CSS 中,目前我们常用到的长度单位有 px, em, rem。 绝对长度单位px(pixel 像素): 相...

  • 彻底了解CSS中的长度单位

    彻底了解CSS中的长度单位 标签(空格分隔): CSS 我们在写css的时候最常用的长度单位是px(像素),经常看...

  • CSS 常用单位汇总

    绝对长度单位 px px,pixel,像素。是显示屏上显示的每一个小点,为显示的最小单位。 pt 磅,1pt = ...

  • CSS中常用单位

    可以设置CSS长度的属性 width,margin, padding, font-size, border-wid...

  • CSS:常用的字体单位

    1、px单位,传统PC端常用的单位,因为它比较稳定和精确2、em单位,相对单位,值不固定,其值是相对于其父级的值来...

  • CSS样式表中单位em的来历

    在构建css样式表的时候常用的单位有px,em,rem,在实际应用中已经很少使用px,“px是绝对单位,e...

网友评论

    本文标题:CSS单位最常用的有哪些?

    本文链接:https://www.haomeiwen.com/subject/qtvlbctx.html