设置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>
html动态设置根字体大小（页面字体使用rem单位可根据屏幕大小自适应）
1.新建rem.js文件
(function(doc, win) {
let docEl = doc.documentElement,
resizeEvt ='orientationchange' in window ?'orientationchange' :'resize',
recalc =function() {
let clientWidth = docEl.clientWidth
if ( !clientWidth )return
if ( clientWidth ===320 ) {
docEl.style.fontSize =24 * (clientWidth /320) +'px'
}
else {
docEl.style.fontSize =20 * (clientWidth /320) +'px'
}
}
if ( !doc.addEventListener )return
win.addEventListener(resizeEvt, recalc, false)
doc.addEventListener('DOMContentLoaded', recalc, false)
})(document, window)
2，将文件引入到main.js执行
