媒体查询javascript操作

Question

我有一个网格，正在使用媒体查询进行布局，媒体查询正在改变article标记的大小，这会改变列数。 （grid_item s具有固定大小）

<section id="grid">
        <article>
            <div class="grid_item">
            </div>
            <div class="grid_item">
            </div>
            <div class="grid_item">
            </div>
            <div class="grid_item">
            </div>
       </article>
</section>

示例媒体查询（提供5列网格）

@media only screen and (max-width: 1313px)
{
    #grid article
    {
        width: 1034px * $grid_scale;
     }
}

但我现在想做的是允许用户设置列数。

我将如何做到这一点？

我希望简单地将article的宽度设置为断点设置的宽度，但这并不起作用。 （使用预定义的[NumberOfColumns, ArticleWidth]）地图

（我正在使用scss / sass）

修改 问题改述 当前列数取决于视口宽度，但我还希望选项设置列数。因此，即使有5个空间，也只显示3。