使用Neat框架时，列的装订线会自动调整为窗口大小（当然，这是网格框架所期望的）。
在我当前的项目中，我想使用装订线宽度（$ gutter）作为某些元素的顶部或底部填充。
使用$ gutter变量可以直接使用，只是在缩小视口的大小时不会调整填充。
有人对此有解决方案吗？
最佳答案
好吧，我问这个问题有点太快了。我浏览了整洁的代码，显然使用了
padding: flex-gutter();
作品。
有人知道这有什么缺点吗？
编辑：好吧，我发现了缺点。 flex-gutter（）或使用bourbon函数pad（）（除padding外，结果相同）将padding / margin定义为2.3％左右。问题是，当您在大屏幕上查看网格时，填充将变得很大（而网格上的装订线最大保持为25px。
所以我有点自己设定了最大保证金：
margin-bottom: 25px;
@media (max-width: 1100px) { margin-bottom: flex-gutter();}
第一行定义最大边距，如果视口
很想听听我是否可以在sass函数中实现此功能！
关于css - 灵敏的水平装订线，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28245263/