html.style.fontSize = rem + "px";
html.setAttribute("style","font-size:"+rem+"px !important;") //如果你的项目中之前引入过公共文件样式,第一种字体设置被覆盖了,可以尝试这种设置
//rem.js
(function (draftWidth, n) {
function getRem() {
var html = document.querySelector("html");
var w = document.body.clientWidth || document.documentElement.clientWidth;
var rem = (w / draftWidth) * n;
// html.style.fontSize = rem + "px !important";
html.setAttribute("style","font-size:"+rem+"px !important;")
}
getRem();
window.addEventListener("resize", function () {
getRem();
});
})(750, 6);
在需要使用的页面上引入
实现效果