px ：px是像素，是相对长度单位，是相对于显示器屏幕分辨率而言的。 px的特性是属于绝对数值，它不受外围单位影响。
em ：em是相对的数值单位，它会受到外围的文字大小所影响，而1em即是1倍的文字大小，1.5em也就是1.5倍的文字大小。它的单位长度是根据元素的文本垂直长度来决定的，可以作用在width、height、lineheight、margin、padding、border等样式的设置上。
rem ：rem是相对单位，是于HTML根元素，直白点就是相对于html元素字体大小的单位
优点：这个单位集相对大小和绝对大小的优点于一身，通过它既可做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
fr ：是一个自适应单位，fr单位被用于在一系列长度值中分配剩余空间，如果多个已指定了多个部分，则剩下的空间根据各自的数字按比例分配。
css的单位 ?px em ?rem ?fr
原文地址：https://www.cnblogs.com/SQC123/p/9783254.html