微信小程序页面使内容充满整个屏幕

微信小程序页面使内容充满整个屏幕 内容居中

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;/*水平居中*/
}

原文链接