使用flex时单独调整div的大小

Question

我正在使用display: flex创建基于卡片的响应式信息中心。

Fiddle here.

我注意到卡片（每个单独的元素div）都垂直收缩或扩展，以便在连续时保持相同的大小。因此，最大（或最高）卡的高度由同一行中的其余卡继承。

  

注意：当您调整Fiddle窗口的大小时，您会注意到当一行中存在多个卡时，会发生仅。因此，当窗口太小而不能只允许一张卡水平时，大小取决于内部的内容。

我似乎无法弄清楚哪个属性正在这样做，所以这是我的问题：

如何让卡片无法调整大小？

OR

如何在不使用display: flex

的情况下保持响应能力

Answer 1

如果您不希望调整卡的大小，您应该在弹性容器上有align-items: flex-start并删除卡上的min-height: 250px。也许你可以在卡片上设置height: auto