相关疑难解决方法(0)

我正在尝试使图像适合特定大小的div.不幸的是,图像不符合它,而是按比例缩小到不够大的尺寸.我不确定最好的方法是让图像适合它.

如果这不是足够的代码,我会乐意提供更多代码,并且我愿意修复我忽略的任何其他错误.

这是HTML

<div class="span3 top1">  
        <div class="row">
          <div class="span3 food1">
              <img src="images/food1.jpg" alt="">
          </div>
        </div>
            <div class="row">
              <div class="span3 name1">
                  heres the name
            </div>
            </div>
          <div class="row">
              <div class="span3 description1">
                  heres where i describe and say "read more"
            </div>
            </div>


      </div>

我的CSS

.top1{

    height:390px;
    background-color:#FFFFFF;
    margin-top:10px;


}

.food1{

background-color:#000000;
height:230px;


}

.name1{

background-color:#555555;
height:90px;

}

.description1{

background-color:#777777;
height:70px;


}