微信小程序使用媒體查詢

開發小程序中使用媒體查詢適配不同機型

小程序機型：iPhone5(320*568)、iPhone6(375*667)、iPhone6(375*667)、iPhone6Plus(414*736)、iPhone7Plus(414*736)

寫個簡單demo，主要是對375和414的適配

.box{
  width:100%;
  height: 610rpx;
  margin-top: 10rpx;
  padding-top: 220rpx;
}

@media screen and (width:414px){
 .box {
    padding-top: 242px!important;
  }
}
@media screen and (max-width:375px){
 .box{
    padding-top: 222px!important;
  }
}