Как мне обработать несоответствие ширины столбца таблицы Webkit?

Question

Я столкнулся с немного странным поведением в браузерах webkit:

У меня таблица установлена ​​на 100% ширины ее контейнера, и каждый из столбцов имеет равную ширину в пикселях.В браузерах gecko и в IE столбцы масштабируются равномерно и остаются равными по ширине.

В браузерах webkit ширина столбцов не одинакова, в зависимости от ширины внешнего контейнера, при некоторых значениях ширины контейнера,большинство левых столбцов сужаются на 1 пиксель.

Я использую таблицу в качестве фона сетки для отображения диаграммы Ганта, и это несоответствие вызывает смещение с элементами div, которые отображаются с правильной шириной и смещением над таблицей.

Кто-нибудь из вас сталкивался с этим раньше, и есть ли способ заставить его последовательно отображать ширину столбцов, или мне придется вручную рисовать сетку, используя холст?

Подвопрос: Если мне нужно использовать холст, какой будет самый эффективный способ нарисовать сетку?

Answer 1

Похоже, что нет документации по этой теме. холст не подойдет, потому что мне нужно приложение для работы в IE <9. Я прибегнул к размещению сетки дивов, которые масштабируются с помощью JavaScript. Хотя это требует больше вычислительной мощности, это, вероятно, семантически более правильно и достаточно точно для моего приложения. </p>