调整表格中图像的大小仅适用于chrome

Question

我在当前网站项目的表格中调整图像时出现问题。

虽然页面内容中的所有图像基本上都被调整为容器宽度（由我用于布局的Twitter Bootstrap框架引起），但我发现对于表格中的图像，它只适用于Chrome。对于其他浏览器引擎，仅对表（仅）忽略调整大小。我认为使用max-width: 100%调整大小在所有情况下都有效。

在你问我之前，对于某些页面，打算使用html表，因为不了解html的人也应该能够轻松编辑页面（所以我需要它们，抱歉）。

网页的网址为：http://kunden.tommy-computer.at/fsv_noetsch/?page_id=35

可以看到问题的精简版in this fiddle。

对于小浏览器分辨率，页面应该是这样的（正确的行为，但仅适用于Chrome）：

这就像在其他浏览器中看起来一样（图像没有调整大小，表格列没有50％宽度，完全错误）：

我无法弄清楚如何解决这个问题，也没有更好的方法。也许你可以帮助我。谢谢！

Answer 1

将table-layout: fixed;属性添加到您的表中（使用Firefox测试好）。