css - 流体图像 - 纵向/横向

Question

我有一个简单的幻灯片（列表项），但是是纵向和横向图像的组合。我正在研究一个流体网格，所以一切基本上都是 100% 的。

我想知道是否有办法让所有图像保持相同的高度，但宽度保持真实的比例。所有图像在上传时都具有相同的高度 - 2000px。

请参阅此处的网站：http: //goo.gl/BdFUj

请参阅此处以获取所需的输出：http ://d.pr/i/HJUH

谢谢，R

Answer 1

简单的 CSS 声明；

img.gallery-image {  //substitute for the appropriate class, obviously
    height: 2000px;
    width: auto;
}

就这么容易。