javascript - 表格中具有不同尺寸图像的所有单元格的尺寸是否相同？

Question

我有一个问题，现在已经坚持了1-2天。

我有一个3x3 table，所有单元格中都有图像。所有图像的大小均不同。

这就是我要的：

1）在任何时候，所有单元格都应具有相同的大小（即，所有tr的高度均相同，所有td的宽度均相同）。

2）减小窗口宽度时，单元格和图像应自动缩小以适合可用空间。但是所有单元格仍应具有相同的宽度和高度。

3）图片不得超过其原始大小。

4）应该可以在所有主要的浏览器上使用。

JSFiddle：http://jsfiddle.net/ahmadka/AC3DL/

CodePen（JSFiddle有时会降低/缓慢）：http://codepen.io/anon/pen/qAasC

我已经尝试了几种不同的方法，但是找不到符合我标准的东西..希望有人可以在这里帮助我..

我也可以接受JavaScript功能，以防万一不能完全通过CSS / HTML完成。

Answer 1

我认为this article可以为您提供帮助。

查看作者创建的jsfiddle。