http://codepen.io/makzan/full/pvKeOb

I created a demo on the new CSS object-fit
property. It’s like background-size cover or contain. But object-fit
works on the media instead of the background. The images are treated as content for accessibility purpose. The demo works in Safari, Chrome, Firefox and mobile Safari, mobile Chrome.
Here is the core code example:
.tiles img {
width: 100%;
height: 100%;
object-fit: cover;
}