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

      

  • 相关阅读:
    linux ss 网络状态工具
    如何安装最新版本的memcached
    如何通过XShell传输文件
    mysql主从复制原理
    聊聊IO多路复用之select、poll、epoll详解
    聊聊 Linux 中的五种 IO 模型
    pytorch中使用cuda扩展
    pytorch中调用C进行扩展
    双线性插值
    python中的装饰器
  • 原文地址:https://www.cnblogs.com/doublehappyi/p/6150362.html
Copyright © 2011-2022 走看看