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;
    }
    
复制代码