viewflow在html和body的區別

viewflow在html中和在body中的區別

html和body都設定成width和height都設定成100%，那麼說明body是繼承html的寬高了，這個對於我們處理viewflow的滾動就在高度和寬度上統一了。如圖：

html,body{
    width:100%;
    height: 100%;
    margin: 0;
    padding:0;
}
複製程式碼

因為android和ios端有些瀏覽器的最外結構層是html，有些瀏覽器的最外結構層是body，所以為了統一且方便相容，所以通過上述程式碼，把html和body的寬高變成一樣。 為了相容各個瀏覽器我們需在html和body中統一一個作為上下的滾動條標準，那麼是選擇html還是選擇body呢？

選擇body作為我們的overflow的滾動條標準，因為，如果選擇html作為標準，那麼body的overflow就得hidden隱藏，body內容隱藏了，html就變空了，就不會有內容了，所以選擇body作為overflow的滾動標準。如下程式碼：

    html{
        overflow:hidden;
    }
    body{
        overflow:auto;
    }
    
複製程式碼