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做一个或另一个.

可以在此处找到更深入了解不同浏览器如何处理小数像素.