jquery - 图像在我的 div 上显示的比实际图像大小大很多

Question

我在 div 上显示图像。我的实际图像尺寸是宽度：300 和高度：300。打开实际图像时，它很小。但是当我将图像放在 div 中时，在浏览器上，图像是如此之大。我无法弄清楚要查看什么设置。我检查并确认我没有更改图像大小。我应该检查的任何想法。是否可以将图像大小强制为 jquery 中的某些像素？

这是我在 div 上显示图像的代码：

$(function () { 
 $('#div1').html("").css({"border": "", "margin": "0"});
    var myImage6 = new Image(); 
    $(myImage6).load(function () 
    $("#div1").html(myImage6).css({"border": "2px solid #E0E0E0", "margin": "20px 20px 20px 0", "float": "top", "font-size": "12px"});


    }).attr('src', flowers_image).error(function(){
          $('#div1').html("").css({"border": "", "margin": "0"});
    })

    }); 

Answer 1

您可能需要为图像指定高度和宽度。

$("#div1").html(myImage6).css({ "width": "300px", "height" : "300px", "border": "2px solid #E0E0E0", "margin": "20px 20px 20px 0", "float": "top", "font-size": "12px"});

在您的 .load 方法之后（或在回调中），添加以下行：

$( '#div1 img' ).css({ "width": "300px", "height" : "300px" });