描述:近期在做一个移动端的教育项目,需要全部用h5开发,然后借助android和ios打包成app。目前是页面开发并联调完毕,但是被移动端装到壳子里的时候遇到了各种各样的问题,现在做一个总结,以防后期遇到。
问题一:装到壳子里之后,有的手机有刘海,页面会被手机刘海遮挡住
问题二:在PC浏览器模拟器中存在滚动条的时候,页面滚动流畅,但是在手机上的时候,会不流畅
【解决办法】在有滚动条的地方添加 -webkit-overflow-scrolling: touch;
描述:近期在做一个移动端的教育项目,需要全部用h5开发,然后借助android和ios打包成app。目前是页面开发并联调完毕,但是被移动端装到壳子里的时候遇到了各种各样的问题,现在做一个总结,以防后期遇到。
问题一:装到壳子里之后,有的手机有刘海,页面会被手机刘海遮挡住
问题二:在PC浏览器模拟器中存在滚动条的时候,页面滚动流畅,但是在手机上的时候,会不流畅
【解决办法】在有滚动条的地方添加 -webkit-overflow-scrolling: touch;