我有一个图像矩阵。每行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);
}
}
现在我的问题是,是否可以覆盖单个混合或布局上下文的默认网格设置?我尝试过$gutter styles:fixed在$gutter:.5之后,以及将gutter styles语句添加到布局混合中,这都会导致指南针错误。我使用的是奇点1.1.2。向拉尔夫问好