构建动态且响应迅速的图像拼贴

Question

我需要制作一个小型图像拼贴画。像这样：

我非常接近 flexbox 和 overflow:hidden; 但它有太多缺点。就像一些 post 被切断了。

我也接近 masonry.js 但这也不理想。有一些奇怪的差距，图像顺序被打乱。

1. 我是在 Wordpress 模板中做的，所以 HTMl、PHP、CSS、JS 都很好。 GUI也不错，随便吧。

2. 理想情况下，第一张图片是最新的 post，第二张是第二张，依此类推最多六张。

3. 我在图像上放置的尺寸标签有点灵活，只要它针对不同尺寸的屏幕进行缩放即可。

4. 如果需要插件来调整图片大小，创建不同尺寸等，我会试试的。

5. 图像是来自 post 内容类型的自定义 WP 字段 (main_image)。

Answer 1

阅读 this link

中的一些砌体知识