css 使用 rem+js自适应

css设置：

html{font-size:62.5%;}  //设置默认值 防止 js未启用 导致的样式错乱

0.1rem = 1px
1rem = 10px
10rem = 100px

JS:

var pc = $(window).width();
width();
window.onresize=width;
function width() {
    var w = $(window).width();
    if(w==1025){
        //console.log('刷新1')
        //刷新页面
        location.reload(window.location.href);
    }
    //console.log('刷新2')
}

if(pc>=1025){
    rc();
    //窗口改变时，实时获取。
    window.onresize=rc;
}
function rc(){
    //默认字体大小
    var fontS=10;
    //获取窗口的宽度
    var windowWidth =document.documentElement.clientWidth;
    //窗口宽度除设计图的大小获得一个比例
    var rate=windowWidth/1920;
    //设置默认大小×比例，进行响应式
    document.documentElement.style.fontSize = fontS*rate+"px";
}