例えばこちらの記述なのですが
<% @goods.each do |good| %> <article class="col-sm-6"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title"> <%= good.goods_name %> </h3> </div> <div class="panel-body"> <span class="allgoodsphoto"> <%= image_tag good.photo if good.photo.present?%> </span> </div> </div> </article>
bootswatchで作成されたパネルを表示しているものなのですが、
この<%= image_tag %>で読み込まれてきた画像がそこそこ大きくて、このままだとタブレットサイズくらいの画面サイズでページを閲覧した際にパネルの枠を突き抜けて表示されてしまいます。
今は苦肉の策で「<%= (image_tag good.photo, :size => '300x300') if good.photo.present?%>」
としサイズを固定しているためなんとかなってはいるのですが、画像サイズもグリッドによるパネルの大きさの変動に合わせて突き抜けないようにできないものでしょうか?
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。