微信小程序頁面使內容充滿整個屏幕（高度、寬度100%），並使內容水平和豎直都居中

很多時候，我們會希望將內容充滿整個屏幕（高度、寬度100%），如下圖

代碼如下

• wxml頁面代碼

    <view class="empty_tip ">
      <image class="" src="../../image/empty_cart.png" mode="widthFix"></image>
      <view class="classname">購物車竟然是空的</view>
      <view class="color_888888">快去首頁瞧瞧吧</view>
    </view>

• wxss樣式代碼

.empty_tip{
  position: fixed;
  height: 100%;
  width: 100%;
  display:flex;
  flex-direction:column;
  align-items:center;/*垂直居中*/
  justify-content: center;/*水平居中*/
}