html - 谷歌浏览器中的CSS图像最大宽度不一致

Question

我在调整表格单元格内的一些图像时遇到问题。

请在 chrome 中查看此页面，然后在 IE9/FF 中查看:

http://jsbin.com/iqehip/1

是的，我知道这个表格画廊标记太可怕了，很高兴它不是我的，不好的部分是我无法更改它，因为它是使用特殊标签从服务器加载的(即:{{gallery} })

但这不是我目前遇到的问题。如您所见，如果您在 IE/FF 中查看顶部的代码，缩略图不会像在 Chrome 中那样缩小。

如果我给 table td img width:100%; 它看起来不错，虽然有很多缩略图，但是当只有 1 或 2 个缩略图时图像将变得比原始尺寸大并像素化。

是否有任何 css“hack”或技巧可以复制 chrome 在 IE/FF 中使用 max-width:100%; 呈现图像的方式？

谢谢

Answer 1

在内<table>你要添加

table-layout: fixed;