Jquery 站点或图像库的响应网格布局

我正在为画廊制作一个响应网格：

计划是制作一个网格，当设备方向改变时，网格会自动重组。如果容器

#big_box

的宽度设置为像素（例如960px、480px、240px），它的效果或多或少是好的。不幸的是，当我尝试使用百分比值时，会留下许多空白

---

有没有办法让它与百分比一起工作？

我认为使用纯CSS，而不是混合使用JS和CSS，是制作响应性设计的更好主意

使用媒体查询。

---

这是一个。

这一个非常棒，对我来说非常好：