px转换为rem

单位px转换成rem

//1.在style中设置根目录font-size大小，设置为100比较好计算
html{
font-size:100px;//此时1rem=100px
}
//2.获取设计稿宽度和当前屏幕宽度
console.log(getComputedStyle(window.document.documentElement)['font-size'])//此时html的根节点的font-size为设置的100px
var desW = 750;//根据自己拿到的设计稿定值
var winW =document.documentElement.clientWidth;//获取到此时屏幕的宽（不带单位的值）
//3.根据此时的屏宽与设计稿的比值重新给根字节的font-size赋值
document.documentElement.style.fontSize = winW/desW*100+"px"
//当在iphone6中（宽为375px）
console.log(getComputedStyle(window.document.documentElement)['font-size'])//此时html的根节点的font-size为50px
//注意，此方法只适合在使用时屏幕宽比原设计稿宽小时的情形，否则rem的值被放大容易造成图片被拉伸变形