# 砌体网格问题

**URL:** https://meta.discourse.org/t/issues-with-the-masonry-grid/283258
**Category:** Bug
**Tags:** topic-list-thumbnails
**Created:** [2023年四月28日 16:49 UTC](https://meta.discourse.org/t/issues-with-the-masonry-grid/283258 "2023-04-28T16:49:37Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [2023年四月28日 16:49 UTC](https://meta.discourse.org/t/issues-with-the-masonry-grid/283258/1 "2023-04-28T16:49:37Z")

</div>

最近，砌体网格似乎有点卡顿。当您调整窗口大小时，元素会重叠并且无法保持砌体网格。我禁用了我网站上的所有其他 CSS，并录制了此示例：

一些用户还报告说缩略图被挤压，未能保持纵横比。很难看清，但许多这些图像没有正确显示：

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/a/8/0a846c164aa67efd94e490076d5638a84f4d5f3b.jpeg)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2023年四月28日 19:51 UTC](https://meta.discourse.org/t/issues-with-the-masonry-grid/283258/2 "2023-04-28T19:51:38Z")

</div>

感谢您报告此问题！这似乎是 Safari 特有的问题……我们在 CSS 中为浏览器原生瀑布流模式添加了一些功能检测，尽管 Safari 没有这个功能，但它似乎认为自己有，这导致了布局问题。

我在这里添加了一些修复：[FIX: remove CSS masonry @supports due to Safari issues by awesomerobot · Pull Request #28 · discourse/discourse-topic-thumbnails · GitHub](https://github.com/discourse/discourse-topic-thumbnails/pull/28)

因此，更新该组件应该可以解决重叠问题，并且可能也会解决尺寸问题（但如果这些问题仍然存在，请告知我们）。

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [2023年四月28日 23:11 UTC](https://meta.discourse.org/t/issues-with-the-masonry-grid/283258/3 "2023-04-28T23:11:27Z")

</div>

这似乎解决了这两个问题，感谢 Kris 如此快速的修复！

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2023年十月24日 12:24 UTC](https://meta.discourse.org/t/issues-with-the-masonry-grid/283258/4 "2023-10-24T12:24:16Z")

</div>