第122天 举例说明微信端兼容问题有哪些?
Activity
AnsonZnl commentedon Aug 16, 2019
说一个微信小程序的iPhoneX适配吧, 因为iPhoneX底部没有虚拟按键,底部的横线会出现遮挡这时候就要处理下:
大概思路就是获取到客户端设备,然后判断是iPhoneX就换样式。
在app.js中添加一个检测当前设备是否是iPhoneX的变量:
在需要做兼容的xxx.js中引入:
然后在xx.wxml中对需要做兼容的元素做判断 :
然后在对应的wxss里设置好对应的类名就ok 了,比较简单方便。
greatWeber commentedon Aug 16, 2019
在ios微信端,当在输入框唤起键盘后,页面会抬升,输入完成键盘退出后,页面并没有自动恢复到原来的样子, 越接近页面底部越明显。
解决方法是使用
document.documentElement.scrollIntoView(false)
,让页面自动回滚。forever-z-133 commentedon Aug 16, 2019