图片分辨率问题

Question

   在网页上显示的图片没有按原图的大小 还有分辨率，我固定了图片的大小，这样不太好，因为图片有的大有的小，所以在页面上显示时的分辨率不行，有的图片还有拉扯现象
，有什么好的办法解决吗？  （注释：  固定图片外侧div大小，图片按比例缩小，不会出现分辨率问题）???

Answer 1

所有图片的宽高度一样的话，可以固定宽度或者高度，会自己缩放。图片规格不一样，可以用 js 控制等比例缩放、      //图片按比例缩放 
        var flag = false;
        function DrawImage(ImgD,iwidth,iheight) {
            var image = new Image();
            
            image.src = ImgD.src;
            if (image.width > 0 && image.height > 0) {
                flag = true;
                if (image.width / image.height >= iwidth / iheight) {
                    if (image.width > iwidth) {
                        ImgD.width = iwidth;
                        ImgD.height = (image.height * iwidth) / image.width;
                    } else {
                        ImgD.width = image.width;
                        ImgD.height = image.height;
                    }
                    ImgD.alt = image.width + "×" + image.height;
                }
                else {
                    if (image.height > iheight) {
                        ImgD.height = iheight;
                        ImgD.width = (image.width * iheight) / image.height;
                    } else {
                        ImgD.width = image.width;
                        ImgD.height = image.height;
                    }                }
            }
        } 
  <img onload="javascript:DrawImage(this,180,160)"  src="xxx.jpg" width="160" >记住设置 width="160"  不然的话打开页面图片会原图大小加载再缩小，很影响美观度。