PC端动态修改rem 移动端适配问题 | 您所在的位置:网站首页 › 钻石颜色级别是i~j这种质量好吗 › PC端动态修改rem 移动端适配问题 |
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 函数。即在页面加载完成和页面宽度发生变化的时候执行。 具体方法如下。 |
CopyRight 2018-2019 实验室设备网 版权所有 |