网格浮动断点css示例

我已经创建了一个三列网格模板，每个模板的宽度为33%。我希望如果有人愿意告诉我如何设置css，那么当我将屏幕最小化到750px时，模板将变成两列模板，每个列的宽度为50%

---

谢谢。

您可以通过

@media

查询来完成，如下所示：

@media only screen and (max-width: 750px) {
    #column_container  {
      -webkit-column-count: 2;
      -moz-column-count: 2;   
      column-count: 2;        
    }
}


@media only screen and (min-width: 751px) {
    #column_container  {
      -webkit-column-count: 3;
      -moz-column-count: 3;   
      column-count: 3;        
    }
}

请输入代码（重要）