当宽高比不是 1:1 时，将图像拟合到圆内

Answer 1

使用

object-fit

和

object-position

。

.i1 {
  border-radius: 50%;
  border: 1px #000 solid;
  height: 70px;
  width: 70px;
  object-fit: cover;
  object-position: center;
}

<img class="i0" src="http://picsum.photos/id/219/220/140">
<img class="i1" src="http://picsum.photos/id/219/220/140">