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