css - SASS 的百分比 - 一个像素问题？

Question

我想构建我的最小 CSS 框架。我在 SASS 中做了一个网格系统:

$width: 960px;
width: $width;

.grid-12 { width: $width; }
.grid-11 { width: percentage((($width/12)*11)/$width) }
.grid-10 { width: percentage((($width/12)*10)/$width) }
.grid-9 { width: percentage((($width/12)*9)/$width) }
.grid-8 { width: percentage((($width/12)*8)/$width) }
.grid-7 { width: percentage((($width/12)*7)/$width) }
.grid-6 { width: percentage(($width/2)/$width) }
.grid-5 { width: percentage((($width/12)*5)/$width) }
.grid-4 { width: percentage(($width/3)/$width) }
.grid-3 { width: percentage(($width/4)/$width) }
.grid-2 { width: percentage(($width/6)/$width) }
.grid-1 { width: percentage(($width/12)/$width) }

效果很好，但有时 - 在某些分辨率下，例如。在我的横向 View (960x540) 手机上，一些元素 1px 太短了。当我调整浏览器大小时也会发生这种情况。

我能做什么？

Answer 1

有些计算会得到一个不能被2除的数

有时你会得到 .5px ...

也正因为如此。有时你会有 1 个额外的像素