ユーザーのアイコンを画像をrefile gemを使ってアップロードしていて、attachment_image_tagで表示しています。
アップロードされた画像のサイズが長方形の時に正方形になるようにしたいのですができません。
attachment_image_tagのなかでsizeを指定してもcssで指定しても長方形になってしまいます。
どうすれば正方形にできるのでしょうか?
html
1<div class="image"> 2 <%= attachment_image_tag @user, :profile_image, fallback: "no-image.png", class: "profile_image" %> 3</div>
css
1//ptarn1 2.profile_image { 3 height: 100px; 4 width: 100px; 5} 6//サイズは画面一杯で長方形のままで正方形にもなりませんでした。
css
1//ptarn2 2.image { 3 width: 100px; 4 height: 100px; 5 position: relative; 6} 7 8.profile_image { 9 display: block; 10 width: 100%; 11 height: 100%; 12 position: absolute; 13 top: 0; 14 left: 0; 15} 16//サイズは縮小できましたが長方形のままでした
試したこと
attachment_image_tagの中でsizeを指定しても長方形のままでした。
何卒よろしくお願いいたします。
あなたの回答
tips
プレビュー