我正在使用 Vanilla Masonry ( http://vanilla-masonry.desandro.com ) 创建类似于 jean-georges.com 的照片马赛克
基本上我需要添加额外的列，开箱即用的 css 只有 3 列，流体宽度为 16%、36% 和 56%，我认为内容周围有 2% 的填充/边距。我不想要任何排水沟或填充，需要 16 列，所以我将 css 更改为 6.25%、12.5%、18.75%、25%、31.25% 和 37.5%。请记住，我希望内容跨越 2、3、4 或 6 列，因此这些列的大小并不完全相同。我已将图像更改为正确的纵横比和大小以协同工作，而且我正在使用 columnWidth 函数返回 container/16 并将列设置为该大小。
它似乎无法正常工作，我的许多 col6 矩形正在调整为 col4。我不知道发生了什么，当我调整窗口大小时，照片会自行调整大小，但它们之间的大小并没有保持一致。这可能是 dpi 问题，我今天下午要重做图形，但是它仍然应该根据纵横比工作并告诉它要跨越多少列。
编辑：我已经让它适用于非常特定的浏览器窗口大小，我调整了开发人员工具的大小，并将它推到了一起。我想知道是否添加了一些百分比填充/边距但找不到！另一种可能性是容器高度正在影响它。
