css img引入的圖片寬高固定 不想讓圖片變形

第一種的方法:

需要在引入的img樣式上寫入：

1. object-fit: cover;
2. object-position: top;//可能有時候圖片不是從頭部開始截圖的 所以需要定位一下

 

 

 

第二種的方法就是引入背景圖

樣式中寫入

1. width: 125px;
2. height: 125px;
3. background-size: cover;
4. border-radius: 50%;