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

变形是这样的

不变形是这样

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

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

两行代码

就可以了  

 

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

样式中写入

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