rem布局

设置根节点字体大小:

<script>
function Rem() {
var docEl = document.documentElement,
oSize = docEl.clientWidth / 7.2;
if (oSize > 100) {
oSize = 100;
}
docEl.style.fontSize = oSize + 'px';
}
window.addEventListener('resize', Rem, false);
Rem();
</script>

 

 

移动端设置：

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"/>