网页固定比例容器中完整显示图片

固定比例的区域内要显示一些不同尺寸的图片,需要完全显示图片,也就是可能会有水平黑边或者垂直黑边,做了一些研究。

JSFiddle: