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