px、em、rem、vm、vh、vw的区别

em：根据其父元素的font-size来计算，默认1em=16px,特点是1. em的值并不是固定的； 2. em会继承父级元素的字体大小。

rem: 和em相同，只是rem相对于根元素html。这样就意味着，我们只需要在根元素确定一个参考值，可以设计HTML为大小为10px，到时设置1.2rem就是12px.以此类推。

vm: 根据可视区宽度和高度最小的计算，1vm=1%可视区大小

vw: 是vm的具体，指可视区宽度

vh：可视区高度