Susy 2 - 调试图像不正确 - 不是子像素舍入问题
Susy 2 - Debug image not correct - Not a sub-pixel rounding issue
看看这个 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 以正确显示调试图像吗?
这曾经让我很烦,只是一个 chrome 错误,调试 img 在 FireFox 中看起来非常整洁。
Viewed in FireFox
看看这个 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 以正确显示调试图像吗?
这曾经让我很烦,只是一个 chrome 错误,调试 img 在 FireFox 中看起来非常整洁。
Viewed in FireFox