zoukankan      html  css  js  c++  java
  • 移动端 h5

    • 取消点击时候的透明区域
      -webkit-tap-highlight-color: rgba(0,0,0,0);
    • iphonex 适配
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, viewport-fit=cover">
        
        padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
        padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
    
    • 文字不能选择
      user-select: none;
    • 图片不能操作
      pointer-events: none;
    • outline: none; 去掉input foucs态 input 框样式
    • input placeholder 样式修改
    input::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #cccccc;
    }
    
    input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #cccccc;
    }
    
    input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #cccccc;
    }
    
    input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #cccccc;
    }
    
    
    • 移动端 ios input placeholder 展示不全 line-height: normal; placeholder 的字体大小要小于input 否则会展示不全

    • 有输入框相关的页面不要用fixed,改成absolute

    • align-items: center; // 不能垂直居中 加, line-height: normal;

    • placeholder //字体要小于input 的字体 否则会被挡住部分展示不全

  • 相关阅读:
    递归
    正则表达式的理解
    JSP九大置对象
    Cookie的使用
    sql语句按照时间段查询
    文件拷贝 上传下载 输入流输出流个人小结,仅供自己使用
    动态SQL 与sql片段 foreach
    ResultMap
    hibernate
    idea
  • 原文地址:https://www.cnblogs.com/Running00/p/11291064.html
Copyright © 2011-2022 走看看