rem.js px为多少rem

JavaScript046

rem.js px为多少rem,第1张

rem是一个相对大小的值，它相对于根元素<html>，

设置html的字体大小的值为html｛font-size: 87.5%｝（也就是14px）。

然后其他的字体就是将要的值除以14得到的值；

比如默认的twentytwelve主题大小是960px；换算成rem就是960/14=68.57142857142857rem；

padding的24px也就是24/14=1.714285714285714rem，以此类推。

通过js动态获取屏幕的宽度（document.clientWidth）然后根据屏幕宽度动态计算出rem的实际值。

假设，640px的设备 1rem = 100px

公式： rem = document.clientWidth / 640 * 100px