【基础】移动端rem适配

$(function(){
       var currClientWidth, fontValue,originWidth;
    //originWidth用来设置设计稿原型的屏幕宽度(这里是以 Iphone 6为原型的设计稿)
    originWidth=640;
    __resize();
    //注册 resize事件
    window.addEventListener('resize', __resize, false);

    function __resize() {
        currClientWidth = document.documentElement.clientWidth;
        //这里是设置屏幕的最大和最小值时候给一个默认值
        if (currClientWidth > 640) currClientWidth = 640;
        if (currClientWidth < 320) currClientWidth = 320;
        //
        fontValue = ((625 * currClientWidth) /originWidth).toFixed(2);
        document.documentElement.style.fontSize = fontValue + '%';
    }
//  console.log(document.documentElement.clientWidth)

 var a=$(".login").find(".login-box:last").find("input").attr("id","sub")
})

 

posted @ 2016-07-29 11:05  五艺  阅读(244)  评论(0)    收藏  举报