taro小程序和h5页面全屏
钢翼
编程
1.消除body的margin
h5模式下body默认margin为8px,taro没清除。需要手动清除
app.css
body{
margin:0;
}
2.设置page高度100%
小程序每个页面都有个page,且高度自适应。
在每个page的 .vue中添加样式
<stype>
page{
height:100%
}
</style>
3.设置page的根节点盒模式和高度
<div class="h-full box-border">
</div>
通过以上设置,即可直接在根节点设置背景色等,且为高度全屏,兼容h5和小程序。