好的,我已经搜索广泛,只是提供了一些轶事证据,表明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相同.