Html 在断点处更改栅格样板

我有一些产品垫，我试图改变网格模板在断点1200

这是非常必要的，产品没有面积，但自动流动

在断点下，除非有2列3行，否则我有3列，其中一列被屏蔽。 我认为grid-3-2中缺少了一些东西，自动流并不能解决问题。 我必须按照li的顺序来显示

提前感谢您的帮助！这是我的代码=）

.grid-3-2{
显示：网格；
网格模板列：390px 390px 390px；
网格模板行：607px 607px 260px 607px 607px；
网格行间距：61px；
栅柱间隙：2px；
证明内容：中心；
左边距：-40px；
利润上限：21px；
}
@介质（最大宽度：1200px）{
.网格-3-2{
显示：网格；
最大宽度：782px；
网格模板列：390px 390px；
网格模板行：607px 607px 607px 260px 607px 607px 607px 607px；
网格行间距：61px；
栅柱间隙：2px；
证明内容：中心；
左边距：-40px；
利润上限：21px；
}   
}

您的代码工作正常。我唯一建议使用的是

重复（倍数，值）

，只要所有值都相等，而不是编写每个网格项所需的值

另外，当在断点处更改某些内容时，只写入所需的更改，而不复制其他属性，因为它们仍将被应用

下面的示例与您的示例类似，但使用最小值，使用完整页面运行代码段，并调整页面大小以注意差异。

.product{
背景色：青色；
}
.网格-3-2{
显示：网格；
网格模板列：重复（3100px）；
网格模板行：重复（2，50px）；
网格行间距：10px；
栅柱间隙：20px；
}
@介质（最大宽度：1200px）{
.网格-3-2{
网格模板列：重复（2100px）；
网格模板行：重复（3，50px）；
}
}

我找到了它不起作用的原因，我有一个图像板，它正在划行。当我移除它时，它是工作。因为网格列开始：1； 网格柱端：4

脸掌。。。。。 谢谢大家的帮助，我将做格栏开始：1；

---

网格柱端：3

你想在1200px处只显示两列，而其他div只是向下移动到它的位置吗？嗨，我想在1200上方显示三列，在下方显示两列，而不是有3列2行，我想有2列3行。；）您的代码似乎得到了正确的结果。到底出了什么问题？我的内容在1200px:S以下两边都爆炸了，并且仍然有3列信息。产品{height:607px；z-index:1；}