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%;

 

 

 
posted @ 2021-12-22 15:15  戈丫汝  阅读(957)  评论(0编辑  收藏  举报