移动端兼容性问题(持续更新)

CSS问题

#解决ios滑动不是很流畅问题

-webkit-overflow-scrolling: touch;//滑动容器上加上该css

 #解决ios input框默认有一层灰色渐变问题

-webkit-appearance:none;

#解决安卓和IOS长安页面会复制文字问题

  -moz-user-select:none;
  -webkit-user-select:none;

JS问题

 #把时间(2020-10-16 14:15:00)转化成时间戳移动端为null问题

+new Date('2020-10-16 14:15:00') //PC打印的是 1602828900000 移动端打印的是null
+new Date('2020/10/16 14:15:00') //PC和移动端打印的都是 1602828900000
解决该兼容性问题只需要把横线(-)换成斜杠(/)就可以了

#解决移动端划过页面时会触发点击事件

  !function(){
    let locked = false;
    window.addEventListener('touchmove', function(ev){
      locked || (locked = true, window.addEventListener('touchend', stopTouchendPropagation, true));
    }, true);
    function stopTouchendPropagation(ev){
      ev.stopPropagation();
      window.removeEventListener('touchend', stopTouchendPropagation, true);
      locked = false;
    }
  }(window)