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

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

JSFiddle: