css 让一个图片在固定的尺寸中上下左右居中object-fit

 

高度是设置的高度。宽度是原始图片根据高度拉伸的原始比例的宽度。不受你设置的图片的宽度影响

img{

       width: 1000px;

       height: 300px;

       object-fit: contain;//保持原有尺寸比例

}