rem = body.font-size / html.font-size
var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
//计算比例
var per = clientWidth / 375;
document.documentElement.style.fontSize = per * 100 + "px";
window.onresize = function() {
var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
//计算比例
var per = clientWidth / 375;
document.documentElement.style.fontSize = per * 100 + "px";
}
给
目的是:
body给font-size,html也给font-size建议给100px,这样的话转换的时候就会容易计算。
rem = body.font-size / html.font-size
然后在js中添加函数,window.onload 和window.onresize 函数。即在页面加载完成和页面宽度发生变化的时候执行。
具体方法如下。