taro小程序和h5页面全屏

返回
Author Avatar
钢翼
2023-07-30
编程
132

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和小程序。