1px的差距排在使用CSS電網

Question

我試圖做一個自定義的CSS格：

.row 
    box-sizing: border-box 
    background-color: tomato 
    font-size: 0 
.row:after 
    content: "" 
    display: table 
    clear: both 
[class*="col-"] 
    float: left 
    min-height: 1px 
    box-sizing: border-box 
.col-1-4 
    width: 25% 
.col-3-4 
    width: 75% 
.col-2-3 
    width: 66.66667% 
.col-1-3 
    width: 33.33333% 

但是當我縮放頁面1px的差距出現在一行的末尾： Image

那麼如何避免呢？

Answer 1

也許這只是一個舍入誤差。另請參閱：Fixing Sub-Pixel rounding issue in a CSS Fluid Grid

您可以通過給出行的最後一列width: auto來避免此情況。