1.简介在传统的项目开发中，我们只使用px、%、em这几个单位。它们可以应用于大多数项目开发，具有良好的兼容性。从CSS3开始，浏览器对度量单位的支持更上一层楼，新增了rem、vh、vw、vm等一些新的度量单位。使用这些新单元可以开发出相对较好的响应式页面，适配不同分辨率的终端，包括移动设备。2.单位在css单位中，可以分为长度单位和绝对单位，如下表CSS单位相对长度单位em,ex,ch,rem,vw,vh,vmin,vmax,%绝对长度单位cm,mm,in,px,pt,pc今天主要说说px,em,rem,vh,vw,vm的区别1.pxpx，即像素的意思，所谓像素就是呈现在表面上的小点我们的显示器，每个Pixels都是一样大的，所以pixels被划分为绝对长度单位。有些人会将px看成是相对长度，因为移动端存在设备像素比，px的实际显示大小是不确定的。这里之所以认为px是绝对单位，是因为px的大小与元素的其他属性无关。2.emem是相对长度单位。相对于当前对象中文本的字体大小。如果内联文本的当前字体大小没有手动设置，它是相对于浏览器的默认字体大小（1em=16px）。为了简化字体大小的转换，我们需要在css中的body选择器中声明font-size=62.5%，这使得em值为16px*62.5%=10px。这样12px=1.2em，10px=1em，也就是说你只需要将你原来的px值除以10，然后换成em为单位就可以了。特点：em的值不固定。Em会继承父元素的字体大小。Em是相对长度单位。相对于当前对象中文本的字体大小。如果没有手动设置内联文本的当前字体大小，则任何浏览器的默认字体高度相对于浏览器的默认字体大小都是16px。例如：
