px,em,rem的区别

1.px是固定长度单位,不随其它元素的变化而变化

2.em是相对于父级元素的单位,会随父级元素的属性(font-size或其它属性)变化而变化

3.rem是相对于根目录(HTML元素)的,所有它会随HTML元素的属性(font-size)变化而变化

4.视窗单位:视窗单位相对于设备的视窗尺寸 (宽度或高度) ,百分比是相对于父级元素的大小。

  • vw:如 10vw的意思是视窗宽度的 10%
  • vh:如 3vh的意思是视窗高度的 3%
  • vmin:如 70vmin的意思是视窗中较小尺寸的 70% (高度 VS 宽度)
  • vmax:如 100vmax的意思是视窗中较大尺寸的 100% (高度 VS 宽度)
posted @ 2020-05-09 16:23  icyyyy  阅读(302)  评论(0)    收藏  举报