zoukankan      html  css  js  c++  java
  • 前端移动开发之安卓下存在的问题

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

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

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

  • 相关阅读:
    百练 1936 ll in All 解题报告
    百练 2804 词典 解题报告
    POJ 1226 Substrings 解题报告
    百练 2797 最短前缀 解题报告
    百练 2743 字符串判等 解题报告
    java创建线程的两种方式
    使用.Net Remoting传送Image对象
    Links [IronPython Workflow WCF]
    Hello World!
    Links [ .Net 3.0 Atlas ]
  • 原文地址:https://www.cnblogs.com/front-end/p/4772754.html
Copyright © 2011-2022 走看看