前端移動開發之安卓下存在的問題

1、點擊input,textarea,select等表單類元素，出現一個多餘文本窗口 

解決辦法：

    input,textarea,select{

        -webkit-appearance: none; 

        -webkit-tap-highlight-color: rgba(0,0,0,0);

        -webkit-user-modify: read-write-plaintext-only; 

    }

注：-webkit-user-modify影響密碼框，密碼框顯示明文，因此單獨使用。

 

 

二：滾動條設置問題 

經過overflow:scroll能夠使內容能夠滾動，可是沒有物理彈性，比較生硬，沒有滾動條。若是想要IOS那種彈性的滾動效果能夠使用css

-webkit-overflow-scrolling:touch;

可是加上這個css後會產生滾動條（一般不顯示，滾動才顯示）

 

 

3、設置select寬、高無效

描述：在安卓下select下拉框高度只會自適應於字體大小，默認帶有圓角，特別醜。

解決方法：

    font-size:xrem; 

經過設置字體，單位爲rem能夠解決高度沒法撐開的問題。

可是對於默認的圓角，暫時是經過透明化select，用假標籤替代selset,選擇後下拉項後經過賦值給假標籤來達到選擇的效果。

 

 

4、translate在三星下閃動問題

解決方法：

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-perspective: 1000;

    -moz-perspective: 1000;

    -ms-perspective: 1000;

    perspective: 1000;

 

 

5、固定定位元素，頁面顯示不穩定

這個暫時尚未找到比較好的解決方法，，高手路過，望指點！