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

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

JSFiddle:

参考 http://zihua.li/2013/12/keep-height-relevant-to-width-using-css/