h5页面 ios 手机 上点击某个位置 页面会有灰色闪屏处理

    xiaoxiao2022-09-22  90

    在我们写vue的项目时候 

    一般我会在 html body 和#app上添加 height:100% 主要是为了撑开页面 有时是为了添加背景色

    但是 当你写一个页面的时候  如果你这个页面也写了height:100%的话 而你的页面内容 高度和 超过了所谓的100% 也就是你手机的屏幕的高度

    此时你如果你向下滑动  点击 多出来的那部分 就会出发 标题  即 ios 灰色闪屏 

    其实就是你出发了ios的选中效果 才会有灰色闪屏 有2种方式供你选择处理

    1 如果保留height:100%  那么就添加 overflow:auto

    2 去掉当前页面的height:100%

    3 body{     -webkit-tap-highlight-color:rgba(0,0,0,0); }   方法三可以单独试试  不用设置高度  也可能解决你的问题

    如果你觉得我帮到你了,买个肥宅快乐水,怎么样?哈哈哈哈哈哈

    最新回复(0)