图像网格在所有设备和桌面上保持适当的分辨率而不会失真

Question

我使用css创建了图像网格，但它看起来很适合桌面，但是当我去moibile和平板电脑查看图像时会扭曲。有一种方法可以保持适当的所有设备。

这是我到目前为止所做的例子的小提琴。

[Here is the fiddle][1]

http://jsfiddle.net/o6epbgoa/