javascript - 如何处理 Webkit 表格列宽差异？

Question

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

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

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

我将表格用作甘特图显示的网格背景，这种差异导致与以正确宽度和表格上方偏移呈现的 div 不对齐。

你们之前有没有遇到过这种情况，有没有办法强制它以一致的方式呈现列宽，或者我是否必须使用 Canvas 手动绘制网格？

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

Answer 1

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