css img引入的图片宽高固定 不想让图片变形

变形是这样的

不变形是这样

需要在引入的img样式上写入：

object-fit: cover; 
object-position: top;//可能有时候图片不是从头部开始截图的 所以需要定位一下

两行代码

就可以了  

 

第二种的方法就是引入背景图

样式中写入

    width: 125px;
    height: 125px;
    background-size: cover;
    border-radius: 50%;