Größe eines Bildes innerhalb von Ruby in ein DIV passen

Question

Ich habe ein Bild, das innerhalb des Banners sein muss, aber weil ich eine html.erb-Datei verwende, muss ich das Bild mit Ruby laden, so wie gehe ich um das Bild so skalieren, dass es passt. das Bild muss im <div id="banner"></div> Bereich passen, ich bin nicht sicher, wie man ein Bild, um die Größe zu tun, dass, obwohl

die html und Rubin für den Code:

<div id='home_header'> 
<div id='banner'><%= image_tag("banner.png", :alt=> "banner")%></div> 
</div> 

die CSS für den Code:

#home_header { 
background-color: #20C0CF; 
position: absolute; 
z-index: 0; 
width: 98%; 
height: 10%; 
left: 0%; 
top:0%; 
border-bottom-style: ridge; 
border-color: #0099FF; 
border-bottom-right-radius: 100px; 
} 
#banner{ 
background-color: #FFFFFF; 
position: absolute; 
width: 30%; 
height: 90%; 
} 

Answer 1

Sie können es tun, indem Sie direkt das Größenattribut in Rails image_tag übergeben.

<div id='banner'><%= image_tag "banner.png", :alt=> "banner", :size => '100X100'%></div> 

Es könnte Ihre Bilddimension verzerrt werden. Sie können auch nur Höhe für diese bestimmte image_tag übergeben und die Breite wird automatisch von image_tag verwaltet.

In Ihrem Banner fällige add css, um Bild in der Mitte auszurichten.

#banner{ text-align: centre; }