Javascript 表中所有单元格的大小相同，图像大小不同？

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

我有一个3x3

表格

，所有单元格中都有图像。所有图像大小不同

这就是我想要的：

1） 所有单元格在任何时候都应具有相同的大小（即所有

tr

的高度相同，所有

td

的宽度相同）

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

3） 图像不应扩展到超出其原始大小

4） 应该适用于所有主要浏览器

JSFiddle:

CodePen（JSFIDLE有时会停机/减速）：

我试过几种不同的方法，但都找不到符合我标准的方法。。我希望有人能帮我

我也可以接受JavaScript功能，以防这不能完全通过CSS/HTML来实现。

我想我可以帮你

---

查看作者创建的JSFIDLE。

为什么要使用表？此链接是404