不能拉伸图像和覆盖宽高比与Internet Explorer

Question

我有以下HTML来显示图像：

<img src="img_locations/location1.jpg" height="200px" width="300px"> 

长宽比我上面设置为3：2。图像本身的宽高比为4：3。上面展开图片并在Chrome/Firefox中显示正确的像素。在IE10/IE9中，浏览器会考虑高度（200px），但会减小宽度，以便保留原始4：3宽高比。

如何在Internet Explorer中覆盖此渲染并以3：2宽高比显示图像？

Answer 1

您使用CSS。现在将宽度和高度指定为HTML属性是非常糟糕的做法。你应该这样做：

img { 
    width: 300px; 
    height: 200px; 
}