html - 图片显示不正确

Question

在我的网站上，当用户上传他们的个人资料图片时，图片尺寸很小会变得很有趣。下面是一个例子

当图像文件不是大尺寸时，我不知道该怎么做才能使我的图像正确显示。

Answer 1

确保图像容器的宽度和高度不是图像的宽度和高度，并在图像上使用以下

object-fit:cover; 
object-position:center; 
width:100%; 
height:100%;