图像显示比我的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" });