web页面自适应,rem作单位

时间:2021-10-13 15:44:25
【文件属性】:

文件名称:web页面自适应,rem作单位

文件大小:483B

文件格式:JS

更新时间:2021-10-13 15:44:25

js 页面自适应

js代码实现页面自适应,css样式可以用rem来做单位,实现界面随浏览器变化而自适应大小


网友评论

  • 里面就这几行,放出来了 (function(doc, win) { let docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { let clientWidth = docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize = (clientWidth / 19.2) + 'px'; }; if (!doc.addEventListener) return; recalc(); win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window);