Bilder in IE8 sind gequetscht

Question

Ich habe ein Problem in IE8 und darunter.
http://www.wdcga.org/tournaments/keefer.php Ich füge die Bilder hinzu und behalte die Breite und Höhe.
Was ist die beste Lösung?

Answer 1

Ihr erstes Bild ist von Dimensionen 93px * 150px

Auf Ihrem img Element, das Sie angegeben haben:

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

Daher sein Gehen Ihr Bild (Dehnung) verzerren innerhalb dieser Dimensionen passen

---

Die 2. hat eine Breite von 106px, also würde diese gequetscht/gequetscht/verzerrt werden, um zu passen.

---

Remove width Attribute aus Ihren Bildern und diese werden nicht mehr verzerrt werden.

---

Auch haben Sie die folgenden in Ihrem CSS, welche Dinge beeinflussen:

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

können Sie entweder entfernen Sie diese (was das Problem beheben), oder, wie ich weiß nicht, was sonst dies ist für, überschreiben es inline:

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