利用rem做响应式布局

CSS里面设置 HTML的根字体大小

html{
font-size: 12px;
}

JS算法工式:320/屏幕宽度 = 12/x   求X

var docW=document.documentElement.clientWidth;
docW>640?docW=640:void 0; //设置如果屏幕宽度大于640时让他等于640,body最大宽度为640时适用
var htmlSize=12/(320/docW);
document.documentElement.style.fontSize=htmlSize+'px';
posted on 2016-04-07 16:09  晓星空  阅读(159)  评论(0)    收藏  举报