比較px ? em ? rem:
px:像素是相對(duì)于顯示器屏幕分辨率而言的相對(duì)長(zhǎng)度單位。
em:繼承父級(jí)的(就是不停的繼承,知道最上層,1em也是不斷會(huì)變化的),假設(shè)html的font-size默認(rèn)為16px,body字體大小定義為50%,那么在body里字體大小就是1em=8px了。
rem:rem就是相對(duì)于根元素html的font-size來(lái)做計(jì)算,他是em的升級(jí)版,rem只會(huì)相對(duì)html的值,不會(huì)受到父級(jí)的影響。
舉個(gè)例子:(你給他具體的px值,他可以直接給你生成比例)

深刻理解下使用rem的有點(diǎn)和好處(UI兼容性特別好),rem2相當(dāng)于批處理