aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整rem适配方法

Browse Source
This commit is contained in:
X1627315083
2024-03-05 10:53:01 +08:00
parent fe81175782
commit 3cff0b64f0
1 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/tool/flexible.js
View File

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