看看这个Sassmeister,让我知道最右边的深蓝色柱子来自哪里。我不相信这是一个亚像素舍入问题,但还有其他问题。
让我感到困惑的是,额外的位显示选择了12,13和14列,但没有选择10,15或16列,但12列表示它是一个完整的数字。
1200 / 10 = 120
1200 / 12 = 100
1200 / 13 = 92.30769230769231
1200 / 14 = 85.71428571428571
1200 / 15 = 80
1200 / 16 = 75
因此无论结果是全数还是分数,调试图像都会有一些奇怪的行为。我也删除了排水沟,以确保它与那些无关。我认为这不是一个子像素舍入问题的原因是,当选择不同数量的列时,这个额外位的宽度会有所不同,最好用12列可见。
https://www.sassmeister.com/gist/39b8136d4dcc6b8acfd269f675c97af5
修改
额外的位在最新的Firefox中不可见,只显示在Chrome中,任何人都有修复Chrome以正确显示调试图像的信息?