iOS和Android内嵌H5页面遇到的坑

1、ios上页面使用-webkit-overflow-scrolling: touch可以滚动流畅,但是会阻塞dom,滚动过程中没法操作dom。

2、使用zoomIn和zoomOut动画展开再关闭弹窗之后,页面无法滑动

3、定位元素互相嵌套在uiwebview内上下滑动过快的时候会导致该区域空白

4、ios上background使用简写会导致有些机型无法正常显示背景图。

5、ios12以上,输入框失焦的时候键盘收起,但是键盘区域仍然占据着页面,页面滑动之后才能显示正常。解决方法:失焦的时候页面滑动1px。

6、ios上使用background-image: -webkit-linear-gradient的时候透明色transparent过渡不生效,可使用rgba(255, 255, 255, 0.01)代替。

7、ios上relative和absolute相互嵌套导致该模块不显示,调试的时候模块是可以选中的。

8、部分安卓:单行文字设置line-height为区域高度的时候的文字文字不能上下居中。解决办法:设置区域高度=line-height。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值