我有一个问题,我已经坚持了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进行..