最近我发现webkit在计算样式时会进行舍入(实际上是截断)。假设我们font-size
等于 14px 而line-height
等于 1.2 ,因此计算出的line-height
应 16.8 它在Firefox中,但在webkit浏览器中,它是 16 。
我这样做是为了跨浏览器测试这个问题 - http://jsfiddle.net/H1D_/KysPm/ 结果如下:
其实我不关心四舍五入。我需要的是在浏览器中具有相同的父div的高度。有没有办法实现这个目标(除了监控JS中的实际样式之外)?