手機端H5頁面bug修復總結

weixin_34365417發表於2017-10-31
原文網址 : https://blog.csdn.net/weixin_34365417/article/details/87274836
H5

問題一：滾動不流暢問題需要加上-webkit-overflow-scrolling: touch;同時ios端會出現游標被拖動的問題

解決方案

-webkit-overflow-scrolling: touch;
.移動端(ios)頁面滾動時input框的游標隨著滾動的問題：是因為給input的父元素設定了定位屬性 【比如relative或者absolute】

問題二：移動端鍵盤會遮住輸入框的問題(andorid存在，iOS部分存在)：

解決方案

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

相關文章