Html 图像填充div（ruby）？

这可能是一个简单的问题

我有一个图像框/div，我希望它完全由图像填充，所有类型的随机大小的图像将适合在div中

目前，它只是跟随div的高度，即200px。但是图像的宽度没有到达div的边缘

如何使图像按比例展开并适合div

先谢谢你

你有：

<%= image_tag tour.tourimage.url ()%>

您可能希望尝试以下示例：

<%= image_tag 'example.jpg', class: 'img-responsive center-block' %>

---

将CSS行的最大宽度：100%更改为宽度：100%怎么样？它应该适合整个父div

.fit-image{
  width: 100%;
}

以及您的ruby图像标签：

---

谢谢萨米尔，这很有效！我真的很感谢你的帮助！谢谢本尼的意见。

<%= image_tag 'example.jpg', class: 'img-responsive center-block' %>

.fit-image{
  width: 100%;
}

<%= image_tag(tour.tour_category.icon.url(:thumb), class: 'fit-image') %>