px和rem都是css的单位,其中px是指像素点,而 rem 是所有 DOM 节点对于根节点 html 的相对值。在没有设置html的font-size情况下。浏览器默认的字号是16px,即1rem,也就是说默认情况下是1rem = 16px,1px等于0.0625rem。

rem换算px的公式

rem 与 px 的换算为 px = rem * 设置的根节点字号。

假如我们设置了根节点 html 字号大小
html{font-size:12px}
div{width:4rem;}
//div 的宽度换算为 px 为 4rem*12px = 48px

注意,html 字体大小最小为 12px;如果设置为10px,则换算后的 px 依然按照 12px 计算
html{font-size:10px}
div{width:4rem;}
//div 的宽度换算为 px 为 4rem*12px = 48px

相关链接:PX转换REM在线rem互转px工具