img 图片变形问题

img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

  

object-fit和object-position

object-position相当于background-position,它的默认值是50% 50%,也就是居中,所以一般不写,加了object-fit,默认就居中了。

object-fit,相当于background-size,即图片填充方式(这里不是图片大小)。

 

  1. img{
  2.  
    width: 100%;
  3.  
    height: 100%;
  4.  
    object-fit: cover;
  5.  
posted @ 2021-12-30 11:36  carrie_zhao  阅读(201)  评论(0编辑  收藏  举报