如何在没有失真的情况下获得完美的方形图像

时间:2017-04-22 15:44:04

标签: html css image shapes

有一种情况,我需要以完美的方形显示轮廓图像。目前,无法控制代码,但可以通过css控制应用程序。无论如何使用css直接在img元素上执行此操作而不扭曲或拉伸图像?由于源限制,将img放在div选项中是不可行的。

1 个答案:

答案 0 :(得分:0)

您可以在css中使用object-fit

img {
  width: 300px;
  height: 300px;
  object-fit: cover;
}
<img src="http://kenwheeler.github.io/slick/img/fonz1.png">