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

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

  

原文地址:https://www.cnblogs.com/doublehappyi/p/6150362.html