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

Question

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

例如，在下面的代码中，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 .