css - 调整从 JSON 解析的图像大小

Question

我正在解析来自 JSON 的数据，其中表中的一个字段是图像。虽然，我希望该图像适合特定尺寸。我已经做了很多更改，以至于我不知道为什么它不起作用。

JSON

    var products=[];

$.getJSON('products.json',function(data){
    $.each(data.products, function(i, f){
        var tblRow = "<tr><td class='prod_img'><img src=" + f.image_url + "></td></tr>" + "<tr><td class='title'>" + f.title + "</td></tr>" + "<tr><td class='price'>" + f.price + "</td>" + "<td class='price_org'>" + f.old_price + "</td>" + "<td class='add_cart'><img src='img/buynow-green-5.png'>" + "</td></tr>"

        $(tblRow).appendTo("#list_products tbody");
    });
}); 

CSS

#list_products{
position:absolute;
width:100%;
border: 5px solid #B9FFFF;
margin-top:80px;}
.prod_img{
height:200px;
width:300px;}

Answer 1

所以，睡了几个小时后，我终于意识到缺少了什么。

我有图像容器的标签，但图像没有。

有时候，答案很简单。你只需要离开一会儿。