1. 儘量採用flex 佈局，指定flex-direction是row( 從左到右）還是column （從上到下）

特別要記得寫 flex-wrap: wrap; 不然超出螢幕部分不會換行

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width:690rpx;

2. 美工設計是按Iphone6, 750px*1334px的尺寸設計。切圖的尺寸對應wxss裡的rpx， 1rpx=0.5px

3. 容器的圖片文字居中

.col3
{
  margin-left:auto;
  margin-right
 
:auto;
  text-align: center;
  width:230rpx;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.col3 image{
  margin-left:auto;
  margin-right:auto;
}