小程序页面设置页面高度100%

WXML:

<view class='container'>
  <view class='form-container'>
  </view>
</view>

WXSS:

.container{
  position: fixed;
  height: 100%;
  width: 100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content: center;
}
.form-container{
  position: absolute;
  bottom: 30rpx;
  height: 70%;
  width: 90%;
  border-radius: 25rpx;
  background: red;  
}

关键代码是父元素设置position: fixed;height: 100%;width: 100%;
注意了里面的子元素不要再使用fixed,使用absolute基于父元素定位