微信小程序丨使View填充满整个屏幕宽高100%

有时候，我们希望创建一个填充整个屏幕的View（宽度和高度均为100%），但是实际上写出来后达不到效果，View要么不显示要么高度不是100%。

其实是缺少了一个关键属性设置，只要将position属性设置为fixed就可以了。

.container {
  background: red;
  position: fixed;  /*关键属性，设置为fixed*/
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

照上面这么写之后，你就会得到一个全屏的红色View。