标签:
一、点击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