在其它手机上都正常,但是在华为mate8和iPhone6plus显示不正常,iPhone6plus正常的应该如下:
但是在iPhone6plus显示如下:
内页,华为正常显示应该如下:
但是在华为mate8(图片不是同一张,但是看效果就行了)显示如下(图片、文字都被放大了):
/**index.wxss**/
swiper{
width:750rpx;
height:400rpx;
}
.service{
margin-top:30rpx;
}
.service-title{
width:200rpx;
margin-left:300rpx;
}
.service-menu{
margin-top:20rpx;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
}
.service-item{
width:180rpx;
height:240rpx;
}
.service-item image{
width:90rpx;
height:90rpx;
padding:0rpx 40rpx;
}
.service-item text{
width:100%;
padding:0rpx 35rpx;
margin-top:20rpx;
font-size:25rpx;
}
.our-works{
width:100%;
height:500rpx;
background-color:#303030;
margin-top:-20rpx;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-content:flex-start;
}
.our-works-title{
width:100%;
font-size:35rpx;
color:white;
text-align:center;
margin-top:40rpx;
padding-bottom:20rpx;
}
.our-works-item{
width:30%;
height:30%;
margin-left:10rpx;
margin-right:10rpx;
margin-top:20rpx;
}
.our-works-item image{
width:100%;
height:100%;
}
.news-list{
margin-top:60rpx;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.news-header{
width:100%;
text-align:center;
}
.news-item{
width:330rpx;
height:120rpx;
margin:20rpx;
}
.news-date{
width:100%;
color:red;
/* margin:0rpx 120rpx; */
text-align:center;
}
.news-summary{
width:100%;
height:100rpx;
color:gray;
font-size:25rpx;
margin-top:10rpx;
text-align:center;
line-height:40rpx;
}
.more{
width:100%;
margin-bottom:40rpx;
text-align:center;
font-size:30rpx;
line-height:60rpx;
color:gray;
}