css3 - 是否可以在某些情况下以奇异性覆盖装订线样式以获得固定装订线？

我有一个图像矩阵。每行2张图像，一个宽为1/3，另一个为2/3，并在两者之间有一个沟槽。所有图像具有完全相同的高度。但是，如果减小某些视口的视口宽度，则2/3图像的高度会比1/3图​​像的高度小。我怀疑这是由于我在这种特殊情况下使用的默认装订线样式。在所有其他情况下，它的表现都很好，但也许这是问题的根源。

我的网格设置是：

$grids: 6;
$grids: add-grid(9 at 675px);
$grids: add-grid(12 at 850px);
$grids: add-grid(15 at 1075px);
$grids: add-grid(18 at 1200px);
$gutters: 1/3;
$output:'isolation';

CSS的示例部分看起来就是这样（我还有3个以上的开关基线）：

@include switch-baseline($baseline850, $vr-850...) {
    &:nth-child(4n+1) {
        @include isolation-span(4, 1, 'right', $gutter:.5);
    }
    &:nth-child(4n+4) {
        @include isolation-span(4, 9, 'right');
    }
    &:nth-child(4n+2) {
        @include isolation-span(8, 5, 'right');
    }
    &:nth-child(4n+3) {
        @include isolation-span(8, 1, 'right', $gutter:.5);
    }
    &:last-child {
        @include trailer(2);
    }
}

现在我的问题是，是否可以为单个mixin或布局上下文覆盖默认的gridsetting？我试过$ gutter-styles：在$ gutter：.5之后修复，以及将gutter-styles语句添加到布局mixin-均导致罗盘错误。我正在使用奇点1.1.2。最好的问候

最佳答案

绝对！您可以将$gutter-style传递给grid-span调用，也可以将$gutter-style传递给@layout mixin。请参阅文档的Context Overrides部分。