img 标签 object-fit 属性

• 原图片，保持纵横比

• object-fit 几个属性

  value	effect
  fill	将img的计算大小作为viewport的WH, 图片纵横比会发生变化，因为缩放因子Sx/Sy!=1
  contain	将图片装裱在容器内，即将图片缩放一定的倍数使得图片的高宽都小于容器的高宽
  cover	调整图片的高宽使得有一个属性等于容器的高宽，溢出部分做裁剪
  none	不做调整，保持原大小，对齐容器中心与图片中心
  scale-down	去contain与none效果中尺寸小的那一个

//固定图片高宽后看下效果
img{
	 border: 2px solid blue;
	 height:150px;width:480px; 
	 display:block;
}