我在 IE8 及以下版本中遇到问题。
http://www.wdcga.org/tournaments/keefer.php
我正在添加图片并保持宽度和高度。
什么是最佳解决方案?
最佳答案
您的第一张图片尺寸为 93px * 150px
在您指定的 img 元素上:
width="100px" height="150px"
因此它会扭曲您的图像(拉伸(stretch))以适应这些尺寸
第二个的宽度为 106px,所以它会被压扁/挤压/扭曲以适合。
从您的图像中删除 width
属性,这些将不再扭曲。
此外,您的 CSS 中还有以下内容会影响事物:
img, embed, object, video {
max-width: 100%;
}
你可以删除它(这将解决问题),或者,因为我不知道它还有什么用,内联覆盖它:
<img style="max-width:auto;"..
关于css - IE8 中的图像被压缩,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9891487/