CSS-丢失的网格删除丢失的列，媒体查询

Question

我在这里有一个Codepen-https://codepen.io/anon/pen/PyegKY

我有一个使用丢失的网格的简单网格。

在较小的屏幕尺寸下，可以停止丢失的网格。

我可以将divs设为100％，但我希望在较小的屏幕上使用更复杂的布局，其中一个和两个div在同一行上，而其他在下面。

我也有丢失网格边距的问题，因此更容易在较小的屏幕尺寸下停止丢失的网格。

typedef struct {
    bar_t    (* bar)[1];
    uint8_t  spare;
} foo_t;

Answer 1

您可以将min-width和lost-column的第二个参数添加到.item中，这样：

.item{
  background: lightgrey;
  min-width: 35%;
  lost-column: 1/5 2;
}

示例：https://codepen.io/anon/pen/YJLbxw