移动端rem设置（部分安卓机型不兼容） _移动端

博观而约取，厚积而薄发。这篇文章主要讲述移动端rem设置（部分安卓机型不兼容）相关的知识，希望能为你提供帮助。

(function(win) { var doc = win.document; var docEl = doc.documentElement; var tid; function refreshRem() { var width = docEl.getBoundingClientRect().width; if (width > 640) { // 最大宽度 width = 640; } var rem = width / 10; // 将屏幕宽度分成10份， 1份为1rem docEl.style.fontSize = rem + ‘px‘; } win.addEventListener(‘resize‘, function() { clearTimeout(tid); tid = setTimeout(refreshRem, 300); }, false); win.addEventListener(‘pageshow‘, function(e) { if (e.persisted) { clearTimeout(tid); tid = setTimeout(refreshRem, 300); } }, false); refreshRem(); console.log(docEl.style.fontSize) })(window);

【移动端rem设置（部分安卓机型不兼容）】