CSS - 任意大小图像的相对大小（比例）

Question

我有一个项目可以包含很多图像。

问题是每个图像都有不同的分辨率（Height / Width）。这是从200x600的小图像到3000x5000 lol。

我正试图找到一种方法来减小所有图像的尺寸（MAX-300X300），但仍然保存图像的比例 - 所以如果它是一个宽的img它将保持宽但是 - 在...的范围内MAX-300×300。我只是找不到一种方法来做这个正确的NO MATTER什么是大小的图像。

这就是我的尝试：

Max-Height:300px;
Max-Width:300px;

但它仍然不能很好地工作......任何建议？

Answer 1

只需将图像放入指定高度和宽度的<table><tr><td>内，在本例中为300px x 300px，并指定max-height：100％;和最大宽度：100％到<img>，垂直对齐到<td>。

这是我为你制定的解决方案......

http://jsfiddle.net/5Fw3s/

希望这有帮助。