rpx在flex布局下,精度不准的问题
发布于 6 年前 作者 xiuying67 7030 次浏览 来自 问答

如图所示,第一行方块为flex布局,第二行方块为absolute布局,方块宽度100,间距10,容器宽度都是660,使用rpx为布局单位的时候,两行的方块位置慢慢出现差异,黄线为一个参考线。单位全改成px,两行方块是完全对齐的。无论模拟器还是真机,iphone6P和iphone7P均有问题,安卓未测试

1 回复

按照 rpx 的定义,在转成 px 的情况下,这里是可能存在偏差的。是会有长小数存在的,如 110rpx * 0.42 px/rpx 会等于 46.199999999999996px,而 flex 则是浏览器自动计算,不是 js 计算,所以不会有这个问题。

回到顶部