调整大图像以填充定义的空间而不拉伸

我正在尝试使每个单元格为300x300px的2x2网格。每个单元格都有一个图像，淡入和淡出，使用AJAX（jQuery准确地）重新加载 - 通过ajax创建4图像库。所有图像都被简单地转储到一个文件夹中，因此没有定义它们的高度或宽度。调整大图像以填充定义的空间而不拉伸

有什么办法可以填补空间？例如，肖像形状的图像会调整到高度= 300，而其宽度可能会更小......并且对于风景图像（宽度= 300，高度较小）也类似？我试图消除任何细胞的大小调整，因为它看起来相当可怕。

我“会离开这些垂直和水平方向，直到后来定心感谢所有帮助

更新：！我pastebin'ed当前代码 http://pastebin.com/Hz4fJk9p

2010-09-21 PC_Nerd

这suggestiong肯定会影响您已经投放了画廊脚本，但在那种情况下，我通常加载图像作为股利和风格将其与背景 - 背景位置：中心。这样，无论图像的大小如何，其仍然明显具有吸引力。 – lock 2010-09-21 08:06:59

使用max-height:300px;和max-width:300px;，假设你的图片在两个维度上都不小于300px

2010-09-21 08:33:51 fredley

我已经用一些代码更新了原始帖子...调整大小的东西正在工作，但是高度仍然会缩放。我如何拥有固定的300x300网格？在我目前的例子中，网格大约250px，直到一个较大的图像填满现场，将其他图像/内容推向页面 – 2010-09-21 09:31:05

即使它不是CSS，我已经找到了一些有趣的库来进行图像大小调整以适应容器：

2011-07-13 13:09:40

回答