1.rem
css3中的rem是一个相对单位，是相对根元素字体大小的单位；使用rem的优点就是在计算子元素有关的尺寸时，只要根据html元素字体大小来计算即可.
注意：这个根元素是最大的那个根也就是html，见下图，一般浏览器默认的值是16px，也就是随着他的改动而改动。修改其他父元素的字体是不会影响rem的大小的。
总结：rem 单位使得布局和字体大小更加灵活和响应式，因为它相对于根元素的字体大小。如果想要在不同设备上保持一致的比例，使用 rem 是比 px 更好的选择。同时，使用 rem 还可以通过调整根元素的字体大小（例如通过媒体查询或用户设置）来更改整个布局，而不需要单独修改每个元素的样式。
拓展：媒体查询
2.em
这是一个相对于其父元素的字体大小的单位。例如，如果父元素的字体大小是16px，那么1em就等于16px。
注意：这个是优先相对于最近的父元素，如果没有设置px则会继续往上找，一直找到单位为px的元素。
弊端：如果多层嵌套使用em单位，可能会使得计算变得复杂。
