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

Google chrome 调整表中图像的大小仅适用于chrome,google-chrome,twitter-bootstrap,resize,css,Google Chrome,Twitter Bootstrap,Resize,Css,在我当前的网站项目中,我在调整表中的图像大小时遇到了问题 虽然页面内容中的所有图像基本上都被调整到容器宽度(这是由我用于布局的Twitter引导框架引起的),但我发现对于表中的图像,它只在Chrome中起作用。对于其他浏览器引擎,表的大小调整将被忽略(仅)。我认为使用max width:100%调整大小在所有情况下都有效 在你问我之前,对于某些页面,我们打算使用html表格,因为不懂html的人也应该能够轻松地编辑页面(所以我需要它们,对不起) 该页面的url为: 可以看到问题的简化版本 这就是

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

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

在你问我之前,对于某些页面,我们打算使用html表格,因为不懂html的人也应该能够轻松地编辑页面(所以我需要它们,对不起)

该页面的url为:

可以看到问题的简化版本

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

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


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

添加
表格布局:固定属性到您的表中(Firefox测试正常)。

如果它是jsfiddle.net或codepen.io或liveweave.com(在IE8下工作),那么会更方便,因为它会给您带来麻烦:)99%的html或CSS是一个拖拉,直到我们找到样式/html为止。在你解决问题的同时,它甚至可能为你带来解决方案。不要使用表格进行布局。好的,对不起,这是具有可复制行为的小提琴:你的小提琴是无用的。您没有提取任何内容,只是按原样粘贴了代码。我们希望您发布尽可能少的代码,这仍然显示出问题行为。好的,对不起,昨天没有太多时间了。这是一把非常基本的小提琴,希望它现在应该是这样:谢谢!