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

回答