调整rem适配方法

This commit is contained in:
X1627315083
2024-03-05 10:53:01 +08:00
parent fe81175782
commit 3cff0b64f0

View File

@@ -4,26 +4,23 @@ let flexible = (designWidth, maxWidth,minWidth) =>{
maxWidth = maxWidth || 2560;
minWidth = minWidth || 1024;
function refreshRem() {
console.log(1);
var width = docEl.getBoundingClientRect().width;
maxWidth = maxWidth || 1920;
width > maxWidth && (width = maxWidth);
width > maxWidth && (width = maxWidth);
width < minWidth && (width = minWidth);
var rem = width * 10 / designWidth;
console.log(2);
docEl.style.fontSize = rem+'px'
remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
}
if (docEl.firstElementChild) {
console.log(22);
docEl.firstElementChild.appendChild(remStyle);
} else {
console.log(33);
var wrap = doc.createElement("div");
wrap.appendChild(remStyle);
doc.write(wrap.innerHTML);
wrap = null;
}
// if (docEl.firstElementChild) {
// docEl.firstElementChild.appendChild(remStyle);
// } else {
// var wrap = doc.createElement("div");
// wrap.appendChild(remStyle);
// doc.write(wrap.innerHTML);
// wrap = null;
// }
//要等 wiewport 设置好后才能执行 refreshRem不然 refreshRem 会执行2次
refreshRem();
win.addEventListener("resize", function() {