#050:构建画廊网格

我们开始深入研究画廊区域的布局,这是从这个重新设计过程开始就一直在我脑海中的东西。主要是因为…… v9 中的画廊有点糟糕。这次我们会做得更好。

我们将使画廊布局仅仅成为一个大型图像网格。这就是其他画廊的优势,浏览起来很愉快,所以这也应该这样。换句话说:没有侧边栏,更多图像。

我们将布局建立在 无缝响应式照片网格 文章上,这篇文章是我之前写的。本质上,我们让所有图像作为内联块落入一个使用 CSS3 列 的父元素中。幸运的是,Compass 有一些助手可以使它更容易。间隙是通过列间距和底部边距实现的。

为了模拟一些真实内容,我们在循环中使用随机的 Place Kittens