IE8中的图像被挤压

Question

我在IE8及以下版本中遇到问题 http://www.wdcga.org/tournaments/keefer.php 我正在添加图片并保持宽度和高度 什么是最好的解决方案？

Answer 1

您的第一张图片尺寸为93px * 150px

在您指定的img元素上：

width="100px" height="150px"

因此，它会扭曲你的图像（拉伸）以适应这些尺寸

---

第二个宽度为106px，因此可以压扁/挤压/扭曲以适应。

---

从图片中删除width属性，这些属性将不再失真。

---

你的CSS中还有以下内容会影响事情：

img, embed, object, video {
max-width: 100%;
}

你可以删除它（这将解决问题），或者，因为我不知道这是什么，所以内联覆盖它：

<img style="max-width:auto;"..