前端移动开发之安卓下存在的问题

一、点击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后会产生滚动条（通常不显示，滚动才显示）

 

 

三、设置select宽、高无效

描述：在安卓下select下拉框高度只会自适应于字体大小，默认带有圆角，特别丑。

解决方法：

    font-size:xrem; 

通过设置字体，单位为rem可以解决高度无法撑开的问题。

但是对于默认的圆角，暂时是通过透明化select，用假标签替代selset,选择后下拉项后通过赋值给假标签来达到选择的效果。

 

 

四、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;

 

 

五、固定定位元素，页面显示不稳定

这个暂时还没有找到比较好的解决方法，，高手路过，望指点！