如何在小程序给页面根元素的高度撑满页面

在页面的根元素上通过vh单位给定100 vh

// 最外层的div
<div></div>

<style>
    div {
        height: 100vh;
        box-sizing: border-box;
    }

</style> 

由于页面内的padding和margin会造成页面的高度出现变化 

可以通过box-sizing: border-box;做到消除由于高度变化而出现的滚动条