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