rem

rem的值目前有两种，一种是根据js来调整html的字号，另一种则是通过媒体查询来调整字号。 rem（root em）是一个相对单位，类似于em，em是父元素字体大小不同的是rem的基准是相对于html的文字大小。比如，根元素（html）设置font-size=12px；非根元素设置width：2rem；则换成px表示就是24px。 优点：通过修改html文字大小改变页面元素大小 1rem 与等于根元素 font-size 的计算值。当明确规定根元素的 font-size 时，rem 单位以该属性的初始值作参照。这就意味着 1rem 等于 html 元素的字体大小（大部分浏览器根元素的字体大小为16px） 使用rem这个字体单位进行适配，就是利用它作为一个全局字体固定参照单位的特性。如果改变html元素的字体大小，rem的值也就跟着改变，对应的其他使用rem的布局尺寸，也会跟着改变，从而达到适配的目的，保证比例一致。所以rem不仅可以适用于字体，同样可以用于width height margin这些样式的单位。