unaipp竖屏占满屏幕

uniapp中如果直接在页面中使用css属性height：100%是无法生效的，究其原因，是因为其根元素不具有高度，那么找到了原因，便可以解决，解决方法为：

需要在app.vue的文件中的<style></style>里写上：

page {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

这样就在页面根元素上设置了100%，然后任何页面需要占满屏幕高度，就直接设置height：100%即可生效。

如果是需要初始内容为100%，或不确定后续是否有添加新内容，使用min-height：100%；

或设置overflow：scroll进行页面滚动，建议使用min-height，使用overflow：scroll会导致无法触发触底函数（onReachBottom（））的问题出现。如果必须要做到溢出滚动隐藏，推荐使用uniapp内置组件

<scroll-view></scroll-view>

有关于scroll-view相关的资料请参考官方文档，这里只给出解决方案；

点我进入scroll-view的文档说明

竖屏占满可运用场景：APP首屏图、内容较少的登录注册及其他页面