IOS 10以下window.innerWidth异常

2018-12-29  本文已影响0人  爱学习的小青蛙

开发一个微信公众号的项目,用的rem布局,手机横屏时

$(window).on('resize',function(){
        document.documentElement.style.fontSize = (document.body.clientWidth/10.8).toFixed(2) + 'px';
    });

执行此段代码,可以实现自适应。

但是,起初这段代码是:

document.documentElement.style.fontSize = (window.innerWidth/10.8).toFixed(2) + 'px';

用window.innerWidth时首次横屏window.innerWith取值没更新,还是竖屏的取值;连续第二次横屏转换时,取值更新,页面样式恢复正常。

所以解决办法:
用document.body.clientWidth来代替window.innerWidth;


image.png
上一篇 下一篇

猜你喜欢

热点阅读