为什么web app要使用rem？

1、实现强大的屏幕适配布局：

　　iphone6一下出了两款尺寸的手机，导致的移动端的屏幕种类更加的混乱，记得一两年前做web app有一种做法是以320宽度为标准去做适配，超过320的大小还是以320的规格去展示，这种实现方式以淘宝web app为代表作，但是近期手机淘宝首页进行了改版，采用了rem这个单位，首页以内依旧是和以前一样各种混乱，有定死宽度的页面，也有那种流式布局的页面。

　　而rem能等比例适配所有屏幕

2、没有屏幕字体缩放问题：

　　px像素会在某些浏览器设置页面缩放比的情况下，下字体不按比例缩放。rem是相对大小，没有这种问题

3、没有em多次使用计算麻烦的问题：

　　em是相对于父元素的大小，当层级较多，需要使用时，容易遇到无法预知的风险，也麻烦，而rem统一相对根元素，没有这种弊端。

当然在引入此处js的时候还需要把jQuery类库引入进去...

$(function(){
　　var a=document.body.clientWidth;
　　// 获取当前可视区域的宽度

　　var b = a / 750;
　　// ios的宽度为750

　　var c = b * 6.25;
　　// 默认html为16px，62.5%就是10px

　　var d = c * 100 + "%";
　　document.getElementById("html").style.fontSize = d;
})