ios踩坑总结

323 阅读1分钟

iosX等刘海屏 上下多两块白条

理论上加上下面这段会好,但是ios的bug是第一次进页面并没有给铺满所以留下了白条,需要我们自己加一行灰色覆盖掉。

<meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no, viewport-fit=cover">

image.png

还有一些配套属性

image.png

修复: 根据键盘收起/展开(input的blur和focus)的状态,动态控制灰色块的显隐, 显示正常了 1.初始页面 自己加一个

2.键盘弹出 .iphoneX 隐藏 3.键盘收起 .iphoneX 显示

input的blur和按钮的click事件冲突

image.png

修复:将click替换成mousedown , 因为blur的执行顺序在click之前

移动端滚动穿透

image.png

image.png