rem是CSS3新增的一个相对单位

rem布局网页内容

使用相对长度单位rem布局网页内容

rem是CSS3新增的一个相对单位（root em，根em）

rem与em的区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素

相对单位rem的特性

rem的值并不是固定的

rem是相对根节点html发生变化的（和父节点无关）

实际开发中一般默认的把html根节点设置为10px（62.5%）或者是100px，方便后续计算

优点：

相对单位rem是集相对大小和绝对大小的优点于一身通过它既可以做到只修改根元素字体大小就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应