CSS常用尺寸单位说明%英寸百分比cmcmcmmmexanex是字体的x-height。（x高度通常是字体大小的一半。）pt点（1pt等于1/72英寸）pc12点类型（1pc等于12点）px像素（计算机屏幕上的一个点）em1em等于当前字体大小。2em等于当前字体大小的两倍。例如，如果一个元素显示为12pt，那么2em就是24pt。em是CSS中非常有用的单位，因为它会自动适应用户使用的字体。remrem代表“RootEM”，字面意思是指根元素的em大小。在Web文档的上下文中，根元素是您的html元素。如果不重新设置，html默认为font-size:16px。em和rem比较单位特点em相对单位em是相对于元素本身的字体大小。CSS中唯一的例外是font-size属性，其em和ex值指的是相对于父元素的字体大小。rem结合了相对大小和绝对大小的优点。通过它，所有的字号只需要修改根元素就可以按比例调整，也可以避免（使用em）字号逐层复合的连锁反应。em的缺点em的值不固定；em继承父元素的字体大小。例如body{font-size:10px;}h2{display:block;宽度：80%；字体大小：1.5em；margin:0.5em;}h2fontsize继承bodyfont,10px*1.5=15pxh2margin属性是相对于这个元素的字体大小：15px*0.5=7.5px，如下图rem使用trick来在body选择器中声明Font-size=62.5%；把你原来的px值除以10，然后改成使用rem为单位；参考文章linkemandremincss彻底理解css中px,em,rem的区别
