小数位数在CSS百分比

前端之家收集整理的这篇文章主要介绍了小数位数在CSS百分比前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_0@
好的,我已经搜索广泛,只是提供了一些轶事证据,表明CSS规范中没有推荐的浮点数精度的标准行为.

注:我不是在问well known sub-pixel rounding problem.

我问的原因是,IE似乎将基于百分比的浮点值缩小到2位小数,而Webkit和Gecko允许至少3个,甚至更多(我还没有测试).

例如:

li {
    width: 14.768%;
}

在Chrome的Web检查器或Firebug中进行检查时,< li>被正确显示为宽度为14.768%.然而,在IE开发工具(IE9 / 8/7模式)中,它们的宽度为14.76%.这导致实际的基于像素的值也完全熄灭.

任何人都可以清楚这种行为,还是提供合适的解决方法?如果可能,我宁可不用诉诸于像素值,因为内容需要流畅的宽度.

我知道这很多小数点处理很好,但是我很有兴趣知道这些浏览器中哪些是“正确的”?

编辑

在检查器中显示时,Firefox似乎使用正确的百分比值(不舍入到2位小数),但与实际像素布局相比,显示的行为与IE相同.

解决方法

对于您的问题可能有许多解决方案,我建议这些:

对于除了一个以外的所有人来说,你自己可以用2位小数来表示最后一个的总宽度.>使用表或显示:表,比浏览器将自己修复宽度.

猜你在找的CSS相关文章