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

Question

我在当前网站元素的表格中调整图像大小时遇到​​问题。

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

在你问我之前，对于某些页面使用 html 表格是有意的，因为不了解 html 的人也应该能够轻松地编辑页面(所以我需要它们，抱歉)。

页面的 url 是:http://kunden.tommy-computer.at/fsv_noetsch/?page_id=35

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

这是小浏览器分辨率下的页面外观(正确行为，但仅适用于 Chrome):

这是它在其他浏览器中的样子(图像未调整大小，表格列没有 50% 宽度，完全错误):

我不知道如何解决这个问题，也没有更好的方法。也许你能帮帮我。谢谢!

Answer 1

将 table-layout: fixed; 属性添加到您的表格(在 Firefox 上测试正常)。