rem 单位

rem 的含义是根元素的字体大小，也就是 html 标签中设置的字体大小，默认是 16px， 因此 1rem = 16px。

如果在所有使用px的地方都使用rem， 那么就像设置了一个全局变量，若想让所有组件都变大些，就让 html 标签中的字体大小变大。因此可以实现整体缩放功能。

还可以适配用户浏览器的字体大小，只需要将html标签中的字体大小设置为 62.5% 即可。这样 1rem = 10px， 因为默认的字体大小是 16px， 而 10 / 16 = 0.625。

html {
	font-size: 62.5%;
}
 
p {
	max-width: 100rem; /* = 1000px */
}

相关链接：

• max-width