em/px/rem/vh/vw/vmin/vmax的区别

259 阅读1分钟
  • vw和vh: 相对于视口的大小,100vh等于视口的高度,100vw等于视口的宽度
  • px: 是绝对单位,量出来多少就是多少
  • em: 是相对单位 相对于父元素的font-size 一般是用来做首行缩进 text-indent:2em
  • rem: 是相对单位,相对于html的font-size 一般是用来做移动端适配
  • vmin: 大小等于最小的视口: 100vmin等于最小的视口
  • vmax: 大小等于最大的视口:vmin取宽和高最小值 vmax取最大值