我的网站有这些交互式表格，它们是惰性的，直到教师在测试学生时才被激活。后端由供应商控制，我是一个低级的web开发人员，在前端清理他们的混乱，让事情看起来像样。我已经设法通过CSS和JS间接地更改了几个表，但是我不能直接将任何HTML应用到表中，因为它是在页面加载时生成的。这个特殊的表格很复杂，它不会缩小到720px。我尝试了adddClass, nth-child，固定尺寸等。我的最后一次尝试是编写一个将属性设置为td的函数。它工作了，它会显示在开发人员工具上，但实际的表根本没有缩小。我已经24个多小时没睡了，所以我可能只是累了，没有意识到一些简单的错误。不管怎样，这是我的演示。非常感谢，任何帮助都是非常感激的。
我刚刚发现:为什么我的表格单元格宽度在Chrome中是错误的?表有一个名为table-layout的属性，默认设置为auto。它允许表具有灵活性，并使表能够动态地分配列宽度。设置我的流氓表:
table-layout: fixed; width: 100%
使它符合我所指定的宽度。下面是table-layout
的更多细节EDIT:我忘了说这只发生在Chrome中，但在Firefox和一定程度上IE(它有点偏离，但这是你从半生不熟的工作中所期望的)，是可以的。