美文网首页
手机端H5页面bug修复总结

手机端H5页面bug修复总结

作者: 泽赫 | 来源:发表于2017-10-31 15:27 被阅读44次

问题一:滚动不流畅问题需要加上-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修复总结

      本文链接:https://www.haomeiwen.com/subject/paybpxtx.html