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

在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中完成吗?

浏览器会自动舍入小部分像素 – 一些向上,一些向下;这是硬编码到浏览器中所以没有办法强迫它用CSS做一个或另一个.

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

相关文章
相关标签/搜索