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


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

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

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

  • 相关阅读:
    Item 16: 让const成员函数做到线程安全
    学习张鑫旭大神元素抛物线运动插件
    js根据浏览器对css3移动的支持,选择元素移动方式
    如何在图片加载完成前获取到图片宽高
    JavaScript和SVG实现点击连线
    多层级叠加问题
    闭包应用
    展示触摸屏网页打包成桌面应用(nw.js)
    获取鼠标坐标
    常用文档
  • 原文地址:https://www.cnblogs.com/front-end/p/4772754.html
Copyright © 2020-2023  润新知