我的最低工作示例代码非常简单：
<body>
<table border="0" cellspacing="0" cellpadding="0" style="width: 50px; ">
<thead>
<tr>
<td style="width: 25px;" headerindex="0">
<div>00</div>
</td>
<td style="width: 25px;" headerindex="1">
<div>15</div>
</td>
</tr>
</thead>
</table>
</body>
请以100％缩放率在Chrome浏览器中打开以下JSfiddle：https://jsfiddle.net/kghq1hs2/
检查任何＆＃34; td＆＃34;的宽度。元件。它应该是25px。
现在可以放大到110％，125％或类似的东西。
再次检查任何＆＃34; td＆＃34;的宽度。元素，并发现它不 25px，但是像24.667px，24.800px ......或25.200px，25.333px，......，取决于你选择的td。
如果你有两个以上的列，你可以看到一个模式：tds的前半部分渲染得太大，而后半部分渲染得太小，如果你有100个这样的单元格并且为非常奇怪的单元格边框，如果你希望它们每个只占25px。
在Internet Explorer中不会发生这种情况。我可以通过使用恰好可以通过10和3和4整除的宽度来绕过它，例如，但是60太宽了。
有关此问题的任何建议吗？
答案 0 :(得分：0)
我学到的一件事是，如果你想要一些响应，你想要使用％。如果我使用1％的宽度，它alwase给我24px
所以将每个td更改为25px到1％的宽度，你将会有24px。
同样最好给td一个类并使用CSS它更干净。
我希望这有帮助
塞斯
答案 1 :(得分：0)
在基于Gecko或Trident的浏览器中不会出现此问题。但是，根据Chromium开发团队的说法，这似乎是按照预期的方式工作的。在Chrome中，至少该错误的状态为WONTFIX：https://bugs.chromium.org/p/chromium/issues/detail?id=717469
如果您认为他们应该解决这个问题，请随时在错误报告中发表评论。