css 浏览器放大125%后,右边距效果为什么有点参次不齐了?

image.png

浏览器分辨率100%时候的效果是正常的

浏览器放大125%后,右边距效果就有点参次不齐了

image.png

这个是为什么呢?

阅读 3.2k
3 个回答

屏幕像素问题。每个小格像素非整数,会四舍五入,比如你设置的单个格子的间隔是2px,1.25倍后是2.5px由于显示器不能处理0.5px,所以这一个间隔看起来还是2px的宽度。但是下一格子的间隔2.5px会补偿上一个间隔的精度损失0.5px用以保持总的占位宽度不会小于实际宽度。

布局形式,你使用flex试试。使用属性justify-content: space-between。

推荐问题