Javascript 砌体不随窗调整尺寸

它似乎致力于给我的四排，不管窗户有多大。以前，当浏览器缩小时，它会将项目移动到三行或更少的行中

我最后一件可能弄坏它的事情是玩

columnWidth

，但将它改回250并不能解决问题

HTML

JS

---

尝试使用此样式修改容器id css样式

#container {
    max-width: 1082px;
    min-width: auto
    margin: 0 auto;
    //border: 1px solid black;
}

---

如果为砖石设置了实际宽度，则砖石不会随窗调整大小。您似乎设置了砌体水平对齐的宽度。我建议您定义一个动态宽度范围，如下所示，砌体将按预期随窗口调整大小

#container{
  max-width: 1024px;
  min-width: 960px;
  margin: 0 auto;
}

---

这里有一个

有相同的问题，但通过另一种方式解决了-有以下代码：

<div class="my-gallery grid" data-masonry='{
   "itemSelector": ".grid-item",
   "columnWidth": 30,
   "fitWidth": true
}'>

必须删除：

“fitWidth”：true

#container {
    max-width: 1082px;
    min-width: auto
    margin: 0 auto;
    //border: 1px solid black;
}

#container{
  max-width: 1024px;
  min-width: 960px;
  margin: 0 auto;
}

<div class="my-gallery grid" data-masonry='{
   "itemSelector": ".grid-item",
   "columnWidth": 30,
   "fitWidth": true
}'>