css等比控制图片大小

//始终控制图片在DIV中上下左右居中

div{ width:400px; height:400px; background:#dddddd; 

     display:table-cell; vertical-align:middle; text-align:center;}

 //控制图片等比大小

div img{max-width:400px; max-height:400px;

        width:expression_r(this.width > 700 && this.width > this.height ? 400 : auto); 

        height: expression_r(this.height > 400 ? 400 : auto);}

<div><img src="1.jpg"></div>