//一。

$(function(){

var w = $("#demo1").width();//容器宽度

$("#demo1 img").each(function(){//如果有很多图片，我们可以使用each()遍历

var img_w = $(this).width();//图片宽度

var img_h = $(this).height();//图片高度

if(img_w>w){//如果图片宽度超出容器宽度--要撑破了

var height = (w*img_h)/img_w; //高度等比缩放

$(this).css({"width":w,"height":height});//设置缩放后的宽度和高度

}

});

});

//二。

 var oW,oH; //图片的真实宽高(大于 imgW,imgH)

var imgW,imgH  ; //等比压缩的宽高

if(oW>=oH && ow >imgW ) //

{

img.style.width=imgW+"px";

imgH = Math.round(oH * (imgW/oW)); // 等比计算高度

img.style.height=imgH+"px";

}else if(oW<oH && oH >imgH)

{

 imgW = Math.round(oW * (imgH/oH));// 等比计算宽度

 img.style.height=imgH+"px";

 img.style.width=imgW+"px";

}