私はカスタムCSSグリッドを作成しようとしているCSSグリッドを使用して行で1ピクセルのギャップ

Question

：

.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を指定することで回避できます。