jquery - 制作垂直响应式网格

Question

我正在使用引导程序，如您所知，它基于水平方向的 12 个网格，但是如果您希望将这些框的高度与宽度相匹配（自动适应长度的框，例如每个 div 长度的某个百分比，例如宽度））。

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

Answer 1

我建议您检查不同的水平方向网格以及它们如何使用最小宽度以及不同的行和列类。您应该能够使用min-heightandmax-height而不是 min-width 和 max-width 和 height 而不是宽度。

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

Answer 2

如果你不能实现你的确切例子，那么它很简单：
你只需制作 4 个都具有绝对位置的框，你给它们宽度和高度 50%。

接下来是将元素定位在每个角落。要做到这一点，你给每个盒子一个唯一的 id。
它们可以是#topLeft、#topRight、#bottomLeft、#bottomRight。
然后你只需将 css 添加到这些类中，如下所示：

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