zoukankan      html  css  js  c++  java
  • 移动端开发兼容问题全记录

    1,react-router在android4.3及以下,初始化程序的时候,Link标签无法点击,必须要切换之后才可以

    2,android4.3以下,display:flex; justify-content:space-between无法让元素靠两端对齐,解决方法是设置子元素为块元素;

    3,滑动的时候,android手机touchend事件无法被触发,解决办法是,在touchmove第一次触发(因为touchmove会被连续触发)的时候,调用e.preventDefault(),如果是点击的时候无法被触发,那就在touchstart的时候,调用e.preventDefault(),不过这会导致a标签无法跳转的问题

    4,border-radius在部分android机型下(vivo android4.3)圆角显示不正常,问题没有解决

    5,如果对定位元素absolute或者relative元素使用了-webkit-overflow-scrolling:auto,会导致划不动的情况,按照如下顺序写代码可以解决问题:

    -webkit-overflow-scrolling: touch;/*这个要在position:absolute前面*/
    position: absolute;/*或者relative, 并且确保在-webkit-overflow-scrolling:auto代码下面*/
    z-index: 1;/*一定要加上z-index*/
    

      

  • 相关阅读:
    学习进度条05
    构建之法阅读笔记03
    子数组和最大值算法
    学习进度条04
    学习进度条03
    定制小学四则运算
    单元测试示例
    构建之法阅读笔记02
    学习进度条02
    decimal扩展方法(转换为字符串,去掉末尾的0)
  • 原文地址:https://www.cnblogs.com/doublehappyi/p/6150362.html
Copyright © 2011-2022 走看看