手机端H5页面bug修复总结

问题一:滚动不流畅问题需要加上-webkit-overflow-scrolling: touch;同时ios端会出现光标被拖动的问题

解决方案

-webkit-overflow-scrolling: touch;
.移动端(ios)页面滚动时input框的光标随着滚动的问题:是因为给input的父元素设置了定位属性 【比如relative或者absolute】

问题二:移动端键盘会遮住输入框的问题(andorid存在,iOS部分存在):

解决方案

min-height:100%;
display:flex;
flex-direction:column;

你可能感兴趣的:(手机端H5页面bug修复总结)