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;"..