在工具里的模拟器上不会有问题，确实能用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%;} |
我也遇到了这个问题，还不知道怎么解决，模拟器上也是不准，通过调试发现，最终显示是用px做单位，然而rpx转px存在非常大的偏差，不同的机型偏差也不一致，同心圆类的布局没有其他方式可以替代，flex 等属性在低版本内核表现也不一致，要完全实现兼容的同心圆，我真不知道该怎么办。
问题机型目前试了小米MIX2：安卓8.0 和华为荣耀8安卓7.0。
代码片段有啊。这里给个新的 wechatide://minicode/XqXZF7m26HZP
要真机上才会出问题。模拟器上没问题。
你好，问题未复现。请提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。