css - IE8 中的图像被压缩

标签 css image

我在 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/

相关文章:

css - 如果表格单元格包含大于 "x"的数字,是否可以将其作为第 n 个子单元格?

javascript - html && css - 图像突出显示

javascript - 当 IMG.SRC 更改时,jQuery Load() 会导致无限循环

css - 我如何知道何时使用 -webkit-、-moz、-ms-、-o- 等?

html - 如何从网页中删除页脚? (更新 : Not footer. .. 但 divs 创建的行)

CSS 焦点。无法更改标签字段

c# - 如何让用户在不刷新页面的情况下进行搜索

html - CSS Cover 链接文字与图片

java - 如何通过 BufferedImage 将巨大的图像加载到 Java?

javascript - safari 和 chrome 中 js 图像加载的奇怪结果