CSS如何将百分比值舍入为整数像素

Question

在CSS中，当宽度，高度，边距等使用百分比时，结果有时会以小数像素长度返回，例如100.25px。我想知道如何将其舍入到下一个整数。这似乎是一个非常普遍的问题;我已经搜索了很多，但尚未找到解决方案。

例如，在下面的代码中，Chrome将50.6px舍入到50px，这不是数学标准。

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e7d0), color-stop(72%,#f9e7d0), color-stop(72%,#207cca), color-stop(72%,#b08b5b), color-stop(100%,#b08b5b));

在JavaScript中，这可以通过ceil函数实现，但可以在纯CSS中完成吗？

Answer 1

浏览器自动舍入小数像素 - 有些向上，有些向下;这是硬编码到浏览器中所以没有办法强迫它用CSS做一个或另一个。

可以更深入地了解不同浏览器如何处理小数像素here。