PX和REM都是css的单位，其中REM是Css3新加的，相对于PX而言，rem 是所有 DOM 节点对于根节点 html 的相对值。REM能更好的兼容不同的分辨率和不同的设备。那么rem和px怎么换算呢？

rem和px怎么换算

1. 浏览器默认的字号是16px，因此如果没有设置根节点 html 的字号，默认基数则是16px，也就是1rem=16px。

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

1.设置了根节点 html 字体大小
html{font-size:12px}
div{width:4rem;}
//div 的宽度换算为 px 为 4rem*12px = 48px
 
2.没有设置根节点 html 字体大小
div{width:4rem;}
//div 的宽度换算为 px 为 4rem*16px = 64px

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

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