Html Can'；使用Internet Explorer拉伸图像并覆盖纵横比

我使用以下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的纵横比显示图像？

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

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

你能提供一个测试用例吗？不能复制IE10的高度/宽度