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

【问题标题】：Resizing of images in table only works for chrome调整表格中图像的大小仅适用于 chrome
【发布时间】：2013-06-06 13:48:21
【问题描述】：

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

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

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

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

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

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

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

【问题讨论】：

如果它是一个 jsfiddle.net 或 codepen.io 或 liveweave.com（在 IE8 下工作）会更方便你:) 99% 的 html 或 CSS 是一个拖累去直到我们得到样式/HTML。它甚至可能在您提取问题时为您带来解决方案。谢谢
不要使用表格进行布局。
好的，对不起，这里是可复制行为的小提琴：jsfiddle.net/Yv4jb/6
你的小提琴没用。您没有提取任何内容，而是按原样粘贴代码。您应该发布尽可能少的代码，但仍然会出现问题行为。
好吧抱歉，昨天没有太多时间了。这是一个非常基本的小提琴，希望它现在应该是这样：jsfiddle.net/Yv4jb/8 谢谢！

【解决方案1】：

将table-layout: fixed; 属性添加到您的表中（在 Firefox 中测试正常）。

【讨论】：