微信小程序使用媒体查询

开发小程序中使用媒体查询适配不同机型

小程序机型：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;
  }
}