From 3cff0b64f06524b8a1420a1b5a23ce27947e8b84 Mon Sep 17 00:00:00 2001 From: X1627315083 <1627315083@qq.com> Date: Tue, 5 Mar 2024 10:53:01 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4rem=E9=80=82=E9=85=8D?= =?UTF-8?q?=E6=96=B9=E6=B3=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/tool/flexible.js | 21 +++++++++------------ 1 file changed, 9 insertions(+), 12 deletions(-) diff --git a/src/tool/flexible.js b/src/tool/flexible.js index 53e32331..34aa2d53 100644 --- a/src/tool/flexible.js +++ b/src/tool/flexible.js @@ -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() {