代码之家  ›  专栏  ›  技术社区  ›  Herr Josua

关于纯2.0网格媒体的困惑

  •  1
  • Herr Josua  · 技术社区  · 6 年前

    根据官方整洁的文件,我应该要使用 gird-media 根据媒体查询更改我的布局。但当我尝试运行示例代码时,会出现以下错误:

    @include grid-media($custom-neat-grid, $custom-neat-grid-2){
          ^
      Wrong number of arguments (2 for 1) for `grid-media'
    

    我有一个简单的angular cli项目,包含以下文件:

    样式.scss

    @import "../bourbon/bourbon";
    @import "../neat/neat";
    
    $custom-neat-grid: (
        columns: 12,
        gutter: 50px,
        media: "screen and (max-width: 999px)",
    );
    
    $custom-neat-grid-2: (
        columns: 12,
        gutter: 70px,
        media: 1000px,
    );
    
    .element {
        @include grid-column(3);
    
        @include grid-media($custom-neat-grid, $custom-neat-grid-2){
            @include grid-column(6);
          }
    }
    

    app.component.html软件

    <div class="container">
        <div class="row">
            <div class="element">
                <pre>test</pre>
            </div>
        </div>
    </div>
    

    我不知道我做错了什么?

    1 回复  |  直到 6 年前
        1
  •  1
  •   whmii    6 年前

    该功能仅在v3.0中可用

    在2.0版中, grid-media 只接受1个参数,但在v3.0中,它接受一个或多个参数。