gpt4 book ai didi

css - Bourbon Neat 断点计算不正确

转载 作者:行者123 更新时间:2023-11-28 08:00:00 32 4
gpt4 key购买 nike

我刚开始使用 Bourbon Neat,对断点的工作原理有疑问。在我的 grid_seeings.scss 中,我设置了如下断点:

$xsm: new-breakpoint(min-width 300px 4);
$sm: new-breakpoint(min-width 600px 6);
$med: new-breakpoint(min-width 768px 8);
$lg: new-breakpoint(min-width 1024px 10);
$xlg: new-breakpoint(min-width 1200px 12);

期望的结果是总共 4 个元素,较大的设备 2 行,每行 2 个,比较大的设备小,每个以 100% 宽度堆叠。这是我的标记:

.grid-items {   
@include outer-container;

.item {
width: 100%;

@include media($lg) {
@include span-columns(6);
@include omega(2n);
}
}
}

我希望它以 100% 的宽度提供 items,直到达到 1024px,然后以每 6 列的形式提供每个元素,并删除每第二个元素的边距。然而,出于某种原因,它计算的宽度为 58%。它与每个断点的默认列 4、6、8、10、12 有关。如果我将这些都设置为 12,它就可以工作。我是否必须首先在较小的断点处定义 span4 而不仅仅是 width:100%?

最佳答案

天哪,我刚刚意识到我的 lg 断点使用了 10 列,所以我应该为每个元素调用 5 列而不是 6 列。

关于css - Bourbon Neat 断点计算不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29835174/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com