移動端兼容性

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元素緊湊