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