• 移动端开发兼容问题全记录


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

      

  • 相关阅读:
    Object C学习笔记2-NSLog 格式化输出数据
    NSPoint 位置
    NSNull空值
    工商银行卡 安全码是什么
    查看苹果开发者账号类型
    IOS中录音后再播放声音太小问题解决
    解决RegexKitLite导入报错问题
    iOS开发--OC常见报错
    UIImagePickerController
    UIPageViewController
  • 原文地址:https://www.cnblogs.com/doublehappyi/p/6150362.html
Copyright © 2020-2023  润新知