小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在其它手机上都正常,但是在华为mate8和iPhone6plus显示不正常,iPhone6plus正常的应该如下:但是在iPhone6plus显示如下:内页,华为正常显示应该如下:但是在华为mate8(图片不是同一张,但是看效果就行了)显示如下(图片、文字都被放大了):
15 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
不建议这样过多的使用 rpx。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
请贴一下对应的 wxml+wxss 看样子不是rpx放大问题 是你的样式写得有问题
现在遗留的问题是什么,再清晰描述一下。
还有你们是不是用了很多rpx去布局?
你好,这是一个已知的bug,请尝试在开发者工具编译之后在上传提审发布一次。如还有问题,在此贴告知at我一下
我布局也有问题
还有就是在其他品牌手机和其他型号苹果手机上没问题,iPhone6Plus就不正常
@raphealguo
rpx 不是标准用法吗?如果不是的话,怎么抉择用不用rpx,有什么可以参考的文档或者标准吗?
wxml 审核不通过
wxml审核不通过
/**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;
font-size:25rpx;
.our-works{
height:500rpx;
background-color:#303030;
margin-top:-20rpx;
justify-content:center;
align-content:flex-start;
.our-works-title{
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;
.our-works-item image{
height:100%;
.news-list{
margin-top:60rpx;
.news-header{
.news-item{
width:330rpx;
height:120rpx;
margin:20rpx;
.news-date{
color:red;
/* margin:0rpx 120rpx; */
.news-summary{
height:100rpx;
color:gray;
margin-top:10rpx;
line-height:40rpx;
.more{
margin-bottom:40rpx;
font-size:30rpx;
line-height:60rpx;
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
不建议这样过多的使用 rpx。
请贴一下对应的 wxml+wxss 看样子不是rpx放大问题 是你的样式写得有问题
现在遗留的问题是什么,再清晰描述一下。
还有你们是不是用了很多rpx去布局?
你好,这是一个已知的bug,请尝试在开发者工具编译之后在上传提审发布一次。如还有问题,在此贴告知at我一下
我布局也有问题
还有就是在其他品牌手机和其他型号苹果手机上没问题,iPhone6Plus就不正常
@raphealguo
rpx 不是标准用法吗?如果不是的话,怎么抉择用不用rpx,有什么可以参考的文档或者标准吗?
@raphealguo
@raphealguo
wxml 审核不通过
@raphealguo
wxml审核不通过
/**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;
}