制作垂直响应式网格答案

【问题标题】：Make a vertical responsive grid制作垂直响应式网格
【发布时间】：2023-03-23 11:43:01
【问题描述】：

我正在使用引导程序，如您所知，它基于水平 12 个网格，但如果您希望这些框的高度和宽度都适合 (fit the boxes in length automatically, for instance with some percentage for each div length, like width)。

我尝试过一些基于 Jquery 的脚本，例如 Manson，但它没有响应（类似于 this）。

【问题讨论】：

【解决方案1】：

如果您无法实现您的确切示例，那么这很简单：
您只需制作 4 个都具有绝对位置的框，您将它们的宽度和高度设置为 50%。

接下来是在每个角落定位元素。为此，您需要为每个盒子指定一个唯一的 ID。
它们可能是#topLeft、#topRight、#bottomLeft、#bottomRight。
然后你只需像这样将 css 添加到这些类中：

#topLeft {
top: 0;
left: 0;
}
#topRight {
top: 0;
right: 0;
}

【讨论】：

【解决方案2】：

我建议您检查不同的水平方向网格以及它们如何使用 min-width 以及不同的 row 和 comlumn-classes。您应该能够使用 min-height 和 max-height 而不是 min-width 和 max-宽度和高度而不是宽度。

这取决于您想要实现的目标，这种网格的最佳方法是什么。

【讨论】：