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

前端之家收集整理的这篇文章主要介绍了html – CSS如何将百分比值舍入为整数像素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在CSS中,当宽度,高度,边距等使用百分比时,结果有时会以小数像素长度返回,例如,100.25px.我想知道如何将其舍入到下一个整数.这似乎是一个非常普遍的问题;我经常搜索它,但尚未找到解决方案.

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

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

在JavaScript中,这可以使用ceil函数实现,但它可以在纯CSS中完成吗?

解决方法

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

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

原文链接:https://www.f2er.com/html/225885.html

猜你在找的HTML相关文章