Analysis on the compatibility of CSS adaptive image size

Problem:

I want to use css to adapt the image size. The following code can be normally displayed in ie7 and Firefox, but in ie6, the width ratio is large (horizontal) the picture is always relatively high (erect) and the picture is 10 xp shorter. Who knows why?

Copy to ClipboardReference: [www.bkjia.com] # phto img {
Max-width: 130px;
Max-height: 110px;
Height: auto;
Zoom: expression (function (e ){
If (e. width> e. height) {if (e. width> 130) {e. height = e. height * (110/e. width); e. width = 130 ;}}
Else {if (e. height> 110) {e. width = e. width * (130/e. height); e. height = 110 ;}}
E. style. zoom = '1';} (this ));
Overflow: hidden;
}

Answer:

<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

Tip: the code can be modified before running!