Тот же размер для всех ячеек в таблице с изображениями разных размеров?

Question

У меня проблема, с которой я застрял в течение 1-2 дней.

У меня есть 3x3 table, и все ячейки имеют в них изображения. Все изображения разные размер.

Это то, что я хочу:

1) Во все времена, все клетки должны иметь одинаковый размер (то есть такой же высоты для всех tr & одинаковой ширины для всех td).

2) Когда ширина окна снижается, ячейки & изображений должны автоматически уменьшаться, чтобы вписаться в доступное пространство. Но все ячейки должны иметь такую ​​же ширину & height.

3) Изображения не должны расширяться за пределы их собственного размера.

4) Должен работать на всех основных браузерах.

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

CodePen (JSFiddle вниз/медленно иногда):http://codepen.io/anon/pen/qAasC

Я попробовал несколько разные вещи, но я не могу найти ничего, что соответствует моим критериям. . Надеюсь, кто-то может помочь мне здесь.

Я тоже могу принять JavaScript-функции, если это невозможно сделать только через C SS/HTML ..

Answer 1

Я думаю, this article может вам помочь.

Ознакомьтесь с созданной автором jsfiddle.