以縱橫比顯示圖像和所有圖像大小相同的高度和寬度

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

與父元素與所需的寬度和高度。