Rails：如何在表格数据中定义图像的大小？答案

【问题标题】：Rails: How can I define the size of an image in table data?Rails：如何在表格数据中定义图像的大小？
【发布时间】：2013-03-23 00:50:07
【问题描述】：

我真的希望你能帮助我解决这个问题。我已经设法将图片从我的数据库中提取到产品描述中，但是显示的图片太大了，我想调整它的大小，但是无论我尝试什么，它都不会将图片包含在课程中。

那是我的 index.html.rb

<% @homes.each do |home| %>
  <tr>
    <td width="130px"><%= home.name %></td>
    <td class="image"><%= image_tag "/"+home.images[0].image_path %></td>
    <td width="300px"><%= home.details %></td>
  </tr>

CSS

.image 
    {
    background: yellow;
    width: 200px;
    }

我设置背景颜色以检查图像类是否正确链接并且工作正常。我可以看到黄色背景改变了大小，但图片位于该类上方，并且对我正在尝试的内容完全不感兴趣。

我也尝试了下面的而不是图像类，结果只显示了一个小的“img_not_found”图标，后面跟着“height=80px />。

<td width="200px"><img src="<%= image_tag '/'+home.images[0].image_path %>" height=80px /></td>

有人知道我在哪里犯了错误吗？

非常感谢。

【问题讨论】：

我的回答是否解决了您的问题，或者您希望我对其进行编辑以涵盖 CSS 案例？之所以这样回答，是因为使用 :size 更具语义性，并且消除了仅进行调整大小的额外 CSS，这是图像标签的一个组成部分。
嗨，吉姆，非常感谢。它工作得很好。我只需要调整图像大小以保持比例。或者有什么办法可以自动保持比例？
不只是通过 image_tag，因为它不会直接与图像本身混淆。最好的办法是让您的图像在后端保持一致的大小。但是，如果您愿意，您可以尝试访问代码中的文件以对其尺寸进行一些数学运算，在这种情况下，stackoverflow.com/questions/2450906/… 的答案可能对您有所帮助。
谢谢吉姆，我会坚持你的第一个建议，因为它对我很有效。一旦我对 Rails 有了更多的经验，其他的东西可能会变得有趣。你已经帮了我很多了！！！

标签： html css ruby-on-rails image class

【解决方案1】：

:size - 提供为“{Width}x{Height}”，因此“30x45”变为 width="30" 和 height="45"。如果值的格式不正确，:size 将被忽略。

例如<%= image_tag "home.gif", :size => "50x20" %>

为你：

<%= image_tag "/"+home.images[0].image_path, :size => "50x20" %>

【讨论】：