移动端bug

1 禁止用户选中文字： -webkit-user-select:none

2 阻止旋转屏幕时自动调整字体大小  ： html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}

3 iPhone才识别的CSS ：

 如果不想设备侦测，可以用CSS媒体查询来专为iPhone/iPod定义样式。

@media screen and (max-device-width: 480px) {       }

4 出现弹窗或者蒙层时样式和滚动条位置会改变 （底层的固定定位的样式可能会发生变化或者滚动条的位置会改变）

  方案：  监听一下蒙层或者弹窗的出现  获取当前滚动的位置，设置为固定定位

 

 dialog: {

      handler(newValue, oldValue) {

        if (newValue) {

          this.scroll = document.documentElement.scrollTop || document.body.scrollTop

          document.querySelector('body').setAttribute( 'style', 'position: fixed; left: 0px; top: -' + this.scroll + 'px')

        } else {

          document.querySelector('body').setAttribute('style', 'position: static')

          document.documentElement.scrollTop = this.scroll

        }

      },

      deep: true

    }

5  平滑的滚动指定位置

    window.scrollTo(0, 0)

    window.scrollTo({

        top: this.scrollTop,

        left: 0,

        behavior: 'auto'

    });

6. 浏览器总是有缓存接口的请求，为了清除api请求的缓存 可以在api的后面拼接一个时间戳 这样可以保证每次请求是最新的

7.