码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-08-31 13:29:33      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

一、点击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;

 

 

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

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

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

标签:

原文地址:http://www.cnblogs.com/front-end/p/4772754.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!