我有两个图像作为页面上的链接。问题是它们都是不同的大小。有没有一种简单的方法来调整图像大小?
<div class="col-sm-4"><%= link_to image_tag("image1.jpg"), {:controller => 'customers', :action => "new" } %>
<h3>BOOK A TOUR</H3>
</div>
<div class="col-sm-4">
<%= link_to image_tag("image2.jpg"), {:controller => 'tours', :action => "index" } %>
<h3>VIEW TOURS</H3>
</div>
由于
答案 0 :(得分:2)
您可以使用size
属性设置图像大小。我们假设您的图像宽100像素,高20像素。然后你会这样指定:
image_tag("image1.jpg", size: "100x20")
# Generates
# => <img src="/assets/image1.jpg" width="100" height="20" alt="" />
您的链接代码为:
link_to image_tag("image1.jpg", size: "100x20"), {:controller => 'customers', :action => "new" }
PS。请考虑在图片中使用alt
属性。