flexBox 布局

1.内容充满页面

1.1.Web

<div class="container">
    <div class="view1"></div>
</div>
.container {
    display: flex;
    height: 100vh;
    /* width: 100vw; */
}
.view1 {
    flex: 1;
    background-color: red;
}

1.2.React Native

1.3.微信小程序

<view class="container">
  <view class="view1">box1</view>
</view>
.container{
  display: flex;
  height: 100vh;
  /* width: 100vw; */
}
.view1 {
  flex: 1;
  background-color: red;
}