开发小程序中使用媒体查询适配不同机型
小程序机型: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;
}
}