Question

html中，有什么方法或标签能让图片大小自动按设定放大缩小的？

主要是一换浏览器就变了，有什么方法吗？

Answer 1

使用javascript，根据你的设定设置img大小，这里有个例子：

function AutoResizeImage(maxWidth,maxHeight,objImg){

   var img = new Image();

   img.src = objImg.src;

   var hRatio;

   var wRatio;

   var Ratio = 1;

   var w = img.width;

   var h = img.height;

   if(w > maxWidth){  //判断宽度大于可视化的情况

    wRatio = maxWidth / w;

    hRatio = maxHeight / h;

    if (maxWidth ==0 && maxHeight==0){

    Ratio = 1;

    }else if (maxWidth==0){//

    if (hRatio<1) Ratio = hRatio;

    }else if (maxHeight==0){

    if (wRatio<1) Ratio = wRatio;

    }else if (wRatio<1 || hRatio<1){

    Ratio = (wRatio<=hRatio?wRatio:hRatio);

    }

    if (Ratio<1){

    w = w * Ratio;

    h = h * Ratio;

    }

    objImg.height = h;

    objImg.width = w;

   }

   }

以上是js的方法



下面这个是引用的img

<img id="lc_div" src="图片路径"  onload="AutoResizeImage(500,500,this)" />