Taro: 满屏问题

[hrh94]

我在一个View上的样式：

width: 100%;
height: 100%;

希望这个View能够铺满整个屏幕，但是实际上却没有产生效果。
PS：开发支付小程序时出现的问题

[taro-bot[bot]]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[loveonelong]

这并非是bug.
你可以看一下微信控制台wxml生成的节点中，最外层被包了page标签，这是微信自带的。
其次，你可以通过page{height: 100%;}或是.your-view{height: 100vh}等方法来实现。

[loveonelong]

建议你巩固一下自己的css基础

[taro-bot[bot]]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~

[dushaobindoudou]

我觉得 vh 用法是hack，配置page 更是影响全局，引入不确定性，本身的支持情况有问题，让别人去学习css，恕我直言 垃圾

[loveonelong]

@dushaobindoudou Page满屏的问题是微信小程序本身的问题，跟Taro没有关系。

[loveonelong]

@dushaobindoudou 如果你觉得有更好的方案，欢迎pr

[ouzhou]

小程序需要吧page 也设置成100%，子节点100%才能全屏

page{
  height: 100%;
}

h5结构在v3.x可以使用

.taro_router {
  height: 100%;
  > div {
    height: 100%;
    .taro_page{
      height: 100%;
    }
  }
}