以宽高比显示图像，所有图像大小相同的高度和宽度

Question

我在PHP / MySQL数据库中创建了一个图库。如何以相同的图像尺寸显示宽高比的图像？

这是我的css代码：

img
{
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out;

  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

在此代码中，图像的比例是正确的，但它显示不同大小的图像。我想在整个图像中显示：

width:150px;
height:200px;

我该怎么做？

Answer 1

您可以使用：http://getbootstrap.com/css/#images

具有所需宽度和高度的父元素。