現在コメント投稿機能を自作のwebアプリケーションに実装している途中なのですが、ユーザーアイコンをyoutubeのコメント欄のように、コメントの左側に表示させるようにしました。
その際、画像を円形で表示したいのですが、私のサイトのユーザーはアイコンが横長になる仕様なので、正円で表示することができません。どうすればよいでしょうか?
<補足>
自分で調べたところcss側でurlを指定してgackground-position:center centerを指定するとできるみたいですが、urlは動的なのでこの方法では無理でした。
<追記>
画像サイズ:90px * 50px
html
1<img class="icon" src="〇〇〇〇☓☓☓">
css
1img.icon{ 2 width:50px; 3 height:50px; 4 border-radius:50%; 5}
ただし上記のコードで実現できないのは明らかです。こうすると、画像の縦横比は変わってしまいます。
回答2件
あなたの回答
tips
プレビュー