关于window.onresize+rem布局的问题

1、现在做页面在用rem布局动态获得屏幕宽并根据不同宽度赋值整个页面不同的fontSize值使页面代码如下:

2、 document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';

3、现在的问题是屏幕横屏竖屏的时候没办法及时更新页面,需要刷新才可以解决。现在不知道如何使用onresize。求大神解决横屏的问题。


桃花长相依
浏览 632回答 1
1回答

慕婉清6462132

var timer = null;// 事件监听if ('addEventListener' in document) {  document.addEventListener('orientationchange', function () {    setRem();  }, false);  window.addEventListener('resize', function () {    setRem();  }, false);}// 横竖屏时重新调整function setRem () {  clearTimeout(timer);  // 延迟屏幕横竖转换  timer = setTimeout(function () {    document.documentElement.style.fontSize = clientWidth / 6.4 + 'px';  }, 200);}document.documentElement.style.fontSize = clientWidth / 6.4 + 'px';修改为:document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript