有一个场景，我需要以完美的正方形显示个人资料图像。目前无法控制代码，但可以通过 css 控制应用程序。无论如何，是否可以使用 css 直接在 img 元素上执行此操作，而不扭曲或拉伸(stretch)图像？由于源限制，将 img 放在 div 选项中是不可行的。
最佳答案
您可以在 css 中使用object-fit。
img {
width: 300px;
height: 300px;
object-fit: cover;
}<img src="http://kenwheeler.github.io/slick/img/fonz1.png">关于html - 如何才能得到完美的方形图像而不失真，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43561184/