200x100 の長方形の画像があり、元の縦横比を維持しながら 50px に縮小しました。
max-width: 50px;
max-height: 50px;
円形の画像効果をつけたいのでborder-radius: 50%使用しました。ただし、これは機能せず、画像が完全な正方形ではないため、楕円形の画像になります。元の画像の縦横比を維持しながら、この問題にどのようにアプローチしますか? ギャップを埋めて正方形にするために、画像の周りに白いストライプを配置しても問題ありません。
ありがとう