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:33:52 +08:00
parent 10e5d35498
commit fe81175782
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/tool/flexible.js
View File

@@ -4,17 +4,21 @@ 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);
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 {
console.log(33);
var wrap = doc.createElement("div"); var wrap = doc.createElement("div");
wrap.appendChild(remStyle); wrap.appendChild(remStyle);
doc.write(wrap.innerHTML); doc.write(wrap.innerHTML);