移动端兼容性

1. 页面下端一大片空白，根字大小引起，如果没有多余的元素的话，调整根字的大小试试看，一般是因此原因引起

2. scroll滚动（mui框架、vue，使用的是Mui获取滚动的Y值）

在ios系统的qq、微信内置浏览器的scroll.y, 在页面滑动时候，触碰到放置页面的容器（即，出现了黑色或黑色的背景，里面显示该网页由。。。开发，页面下端往上滑时出现黑色或灰色的背景的时候），scroll事件监听里面的程序就不执行了，但是调试的时候scroll.y的值是可以获取到的，而且页面也是正常的，推测原因可能是页面滑动的时候，y值变化过快，程序执行出现了问题，所以在scroll里面添加一层setTimeout的延迟操作，就ok了。

initScroll: function () {
    var $this = this;
    var timer;
    setTimeout(function(){
        var scrollDom =document.querySelector("#s-details");
        var scroll = mui("#s-details").scroll()
        scrollDom.addEventListener("scroll",function () {
            timer = setTimeout(function(){
                $this.scrollY = scroll.y;
                clearTimeout(timer);                //！！！！记得清除计时器
            },50)
        })
    },200);
},

watch:{
    scrollY:function(val, oldVal){
       //y变化时的处理过程，val是新值
    },
}

3. 消除inlie-block默认间距 

1)  font-size:0;

2）margin-left

3)  float

4)  letter-spacing:0

5)  word-spacing:0;

6)  html元素移除空格

7）html元素紧凑