开发一个微信公众号的项目，用的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
开发一个微信公众号的项目，用的rem布局，手机横屏时 执行此段代码，可以实现自适应。 但是，起初这段代码是: 用w...
操作系统：IOS 10以下 浏览器：safafi，微信内置浏览器，其他 异常现象说明：同事在写Web移动端页面时，...
iOS10及以下 NavigationBar 显示异常 基本是因为viewWillAppear这里使用了setNa...
iOS 10 及以上系统，采用以下方法： iOS 10以下系统，采用以下方法：
iOS10以上 iOS 10以下的方式 可加群一起交流共同学习：801216530。
//如果没有权限，iOS10以下用弹窗提醒；iOS10直接跳到“设置”中去 - (void)cameraAutho...
推送SDK：极光推送 后台点击推送： iOS 10 以下收到推送点击触发 iOS 10 以上触发： 极光推送中使用...
1. 跳转设置界面 1.1 iOS10以下跳转方法 1.1.1 iOS7之前 iOS系统版本 <= iOS7 , ...
iOS 10 以下系统： 1. 添加通知： 2. 移除通知： 3. 移除全部还未触发的通知： iOS 10以上版本...
在ios10以下我们只要 placemark.name 就能捞到全名，但是ios 10只能捞到最末尾的地址
本文标题：IOS 10以下window.innerWidth异常
本文链接：https://www.haomeiwen.com/subject/hplflqtx.html
网友评论