固定EM的寬度和高度

Question

這裏處理的圖像是我在我的基於EM佈局處理圖像：

.model { 
    width: 14.5em; 
    float: left 
    } 

.model img { 
    width: 100%; 
    height: auto; 
    } 

的問題是一些圖像在縱橫比，尺寸和它制動佈局不同。

所以我想給圖像固定的大小。

如果我這樣做：

.model { 
    width: 14.5em; 
    float: left 
    } 

.model img { 
    width: 14.5em; 
    height: 14em; 
    } 

高度設置正確，但是寬度大於14.5em小。

任何想法爲什麼？

Answer 1

圖像會意想不到的寬度和高度，當我們重新調整大小嚐試以下方法：

.model { 
    width: 14.5em; 
    float: left 
    } 

.model img { 
    max-width: 14.5em; 
    height:auto; 
    } 

否則

.model { 
    width: 14.5em; 
    float: left 
    } 

.model img { 
    width: auto; 
    max-height:14.5em; 
    } 

Answer 2

嘗試使用MAX-和MIN-屬性：

.model img { 
width: 14.5em; 
height: 14em; 
max-height: 14.5em 
min-height: 14.5em 
} 

爲什麼沒有定義在img標籤寬度和高度（頁面渲染速度更快）？