Susy 2 - 调试图像不正确 - 不是子像素四舍五入问题

看看这个Sassmeister，让我知道最右边的深蓝色的列是从哪里来的。我不相信这是一个子像素四舍五入的问题，但别的东西。Susy 2 - 调试图像不正确 - 不是子像素四舍五入问题

让我感到困惑的是，额外的位出现了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列。

编辑
额外位是不是最新的Firefox可见，只有在Chrome中显示出来，任何人有一个修复Chrome浏览器正确显示图像调试？

2017-10-11 lowtechsun

这是通常的子像素问题。每一列都会增加一个潜在的1px错误，所以更改列计数会改变最终结果关闭的距离。单列不会超过1px，12列可能会显示最后12px的错误。我很高兴Firefox终于修复了这个问题！ –

这个用来烦我，只是一个铬错误，调试img在FireFox中看起来非常整洁。

2017-10-11 23:58:33

回答