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">
还有一些配套属性
修复: 根据键盘收起/展开(input的blur和focus)的状态,动态控制灰色块的显隐, 显示正常了 1.初始页面 自己加一个
2.键盘弹出 .iphoneX 隐藏 3.键盘收起 .iphoneX 显示input的blur和按钮的click事件冲突
修复:将click替换成mousedown , 因为blur的执行顺序在click之前