0

我有一个问题,我已经坚持了 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 来完成。

4

1 回答 1

0

我认为这篇文章可以帮助你。

查看作者创建的 jsfiddle。

于 2013-07-15T20:31:26.767 回答