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*/
    

      

  • 相关阅读:
    以《淘宝网》为例,描绘质量属性的六个常见属性场景
    架构漫谈读后感
    软件体系架构课下作业01
    架构之美阅读笔记06
    架构之美阅读笔记05
    架构之美阅读笔记04
    架构之美阅读笔记03
    架构之美阅读笔记02
    架构之美阅读笔记01
    学习进度15
  • 原文地址:https://www.cnblogs.com/doublehappyi/p/6150362.html
Copyright © 2011-2022 走看看