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

3

我在调整表格单元格内的某些图像大小方面遇到了问题。

请先在Chrome中查看此页面,然后在IE9 / FF中查看:

http://jsbin.com/iqehip/1

是的,我知道这个表格画廊的标记已经糟糕透顶了,但值得庆幸的是这不是我的,最糟糕的是,我无法更改它,因为它是使用特殊标记(即:{{gallery}})从服务器加载的。

但这并不是我目前遇到的问题。如您在IE / FF中查看代码顶部所示,缩略图图像在Chrome中不会像在其他浏览器中那样调整大小。

如果我给table td img添加一个width:100%;,则当有许多缩略图时,它们看起来很好,但是当只有1或2个缩略图时,图像将变大,超过其原始大小并失真。

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

谢谢

1个回答

3
在内部的<table>上你想要添加。
table-layout: fixed;

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接