如何处理Webkit表列宽度差异？

Question

我在webkit浏览器中遇到了一些奇怪的行为：

我有一个表设置为其容器宽度的100％，每个列的像素宽度相等。在壁虎浏览器和IE中，列均匀缩放并保持相等的宽度。

在webkit浏览器中，列的宽度不一致，具体取决于外部容器的宽度，在某些容器宽度处，最左边的列比1px更窄。

我使用该表作为网格背景进行gant图表显示，这种差异导致与以正确宽度呈现并在表格上方偏移的div错误对齐。

你们有没有遇到过这种情况，有没有办法强制它一致地渲染列宽，或者我是否必须使用画布手动绘制网格？

一个子问题：如果我确实需要使用画布，那么绘制网格的最有效方法是什么？

Answer 1

似乎没有关于此主题的文档。 canvas不适合，因为我需要应用程序在IE＆lt; 9中工作。我已经使用了一个div网格，而不是通过javascript进行缩放。虽然这需要更多的处理能力，但它在语义上可能更准确，并且对于我的应用来说足够准确。