固定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标签宽度和高度（页面渲染速度更快）？