html设计一组图像画廊,保持画廊中的图像比例html/css

我正在为电影摄影师制作一个投资组合。他们也做了很多摄影，他们希望他们的图像缩略图保持不变，这样图像在缩小时就不会失去任何美感。保持画廊中的图像比例html/css

我正在寻找的是一个方法，使图像保持原有比例，但比例并把它们装配到div容器。 (有设定的宽度和高度)

我已经试过基本上所有的东西。包括按比例缩放图像的传统方式：

background:url(../images/banner.jpg) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

这对于缩放非常适用，但它仍然会切断图像。 (至极就是我试图避免)

我一直在寻找像一个甲基，但tweeker无法找到任何解决了这个问题。这可能是因为我正在寻找一些我不想要的方式来解决问题。

反正.. TL;博士：

我想缩略图以保持其原始图像的比例，但约3倍，小，适合div容器。 (固定的宽度和高度)任何人有任何想法如何完成这一点？

这是我试图实现的example。

+1

http://stackoverflow.com/q/3029422/114029和http://unstoppablerobotninja.com/entry/fluid-images –

+0

不知道..我知道如何制作流畅的图像。我正在尝试制作一个图库，保留它们的原始比例......只有更小。并使图像集合适合div。 –

+0

你想在容器中适合宽度和高度......所有的图像都是相同的比例？如果这样使用：'img {max-width：100％; }' –