无法使用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;
}