调整rem适配方法
This commit is contained in:
@@ -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() {
|
||||
|
||||
Reference in New Issue
Block a user