我也遇到了这个问题,还不知道怎么解决,模拟器上也是不准,通过调试发现,最终显示是用px做单位,然而rpx转px存在非常大的偏差,不同的机型偏差也不一致,同心圆类的布局没有其他方式可以替代,flex 等属性在低版本内核表现也不一致,要完全实现兼容的同心圆,我真不知道该怎么办。
absolote定位在真机上有偏差[图片] 在工具里的模拟器上不会有问题,确实能用absolute加负外边距的方式居中。但是一旦到真机上就会出现偏向左上角的情况。这使得一些布局实现起来麻烦了不少。希望尽快解决。 [代码].container {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码]}[代码] [代码].position-box {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]blue[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]50%[代码][代码];[代码][代码]}[代码] [代码].center-box {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]40[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]40[代码][代码]rpx;[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]50%[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]50%[代码][代码];[代码][代码] [代码][代码]margin-left[代码][代码]: [代码][代码]-20[代码][代码]rpx;[代码][代码] [代码][代码]margin-top[代码][代码]: [代码][代码]-20[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]white[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]50%[代码][代码];[代码][代码]}[代码]
2018-07-06