rem.js px为多少rem

JavaScript019

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,以此类推。

不需要,rem只是css3的一个新的长度单位,与js无关,所以不需要引入任何js。如下面的例子就是rem的使用方法的简单例子:

<style>

html,h1{font-size:12px}

p{font-size:2rem}

</style>

<h1>下面的文字将是html定义的字体大小的2倍:</h1>

<p>我是html定义的12px的2倍,字体大小为24px</p>