html - プロファイル画像のスタイリング - 画像ストレッチなし - CSS

Question

Profile Image Styling にシンプルな CSS コードを使用していますが、Image が引き伸ばされています。どうすれば修正できますか？

この写真のプロフィール画像を見てください。

今、私はこのコードを使用しています:

.Comment_Image_Size {
    height: 32px;
    width: 28px;
}

私もこのコードを使用しましたが、この場合、一部の画像は大きく、一部は高さが小さくなっています:

.Comment_Image_Size {
    width: 28px;
}

Answer 1

問題は、元の画像の縦横比が同じではないことです。画像ごとに適切な高さと幅を指定して、最大幅/高さを超えないようにする必要があります (適切な縦横比でない場合は、1 つが少なくなります)。

縦横比を維持しながら適切なサイズのサムネイルを表示するには、アップロード時に画像のサイズを変更する必要がある場合があります。