rem单位的正确使用姿势

比较px   em   rem:

px:像素是相对于显示器屏幕分辨率而言的相对长度单位。

em:继承父级的(就是不停的继承,知道最上层,1em也是不断会变化的),假设html的font-size默认为16px,body字体大小定义为50%,那么在body里字体大小就是1em=8px了。

rem:rem就是相对于根元素html的font-size来做计算,他是em的升级版,rem只会相对html的值,不会受到父级的影响。

举个例子:(你给他具体的px值,他可以直接给你生成比例)

rem单位的正确使用姿势_第1张图片
深刻理解下使用rem的有点和好处(UI兼容性特别好),rem2相当于批处理


rem参考手册

你可能感兴趣的:(rem单位的正确使用姿势)