问题模块 框架类型 问题类型 终端类型 操作系统 微信版本 基础库版本
框架 微信小程序 Bug 客户端 Android 6.6.6 2.0.4
在工具里的模拟器上不会有问题,确实能用absolute加负外边距的方式居中。但是一旦到真机上就会出现偏向左上角的情况。这使得一些布局实现起来麻烦了不少。希望尽快解决。
.container {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.position-box {
position: relative;
width: 60rpx;
height: 60rpx;
background: blue;
border-radius: 50%;
}
.center-box {
width: 40rpx;
height: 40rpx;
position: absolute;
top: 50%;
left: 50%;
margin-left: -20rpx;
margin-top: -20rpx;
background: white;
border-radius: 50%;
}
代码片段
wechatide://minicode/955Uc7mJ6UZ6
微信小程序开发问题解答
微信小程序开发者回答:
我也遇到了这个问题,还不知道怎么解决,模拟器上也是不准,通过调试发现,最终显示是用px做单位,然而rpx转px存在非常大的偏差,不同的机型偏差也不一致,同心圆类的布局没有其他方式可以替代,flex 等属性在低版本内核表现也不一致,要完全实现兼容的同心圆,我真不知道该怎么办。
微信小程序开发者回答:
问题机型目前试了小米MIX2:安卓8.0 和华为荣耀8安卓7.0。
微信小程序开发者回答:
代码片段有啊。这里给个新的 wechatide://minicode/XqXZF7m26HZP
要真机上才会出问题。模拟器上没问题。
微信小程序开发者回答:
你好,问题未复现。请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
本文网址:http://www.91bianli.com/weixinxiaochengxu/48621.html