webapp在ios上的兼容性问题

  1. 在ios上页面滚动没有惯性,不流畅,需要加个样式

      -webkit-overflow-scrolling: touch;

  2. 点击一个按钮跳转时,按钮会有阴影效果,想要去掉的话可以加
    -webkit-tap-highlight-color:rgba(255,255,255,0);

  3. app在ios上点击反应有点慢,是因为它默认有个点击延迟,可以通过引入fastclick.js解决
    fastclick也有一定的兼容性问题:
    <1>项目中如果同时使用fastclick和mint-ui的话,mint-ui的下拉加载会直接触发点击事件,解决办法是修改mint-ui的源文件,这种解决办法的隐患是如果是多人合作的话,每个人的mint-ui文件都要修改,具体方法参考下面这个文档
    https://www.cnblogs.com/web521/p/7815465.html
    <2>使用fastclick的webapp切到后台一段时间,重新打开点击没反应,问题是fastclick 与ios11.4冲突导致

你可能感兴趣的:(web前端)