css - 如何在Susy2中的流体网格系统中制作静态元素宽度

我是CSS和前端样式的新手，我选择了Sass和Susy2作为要使用的2个框架。

我可疑的配置如下所示：

$susy: (
        columns: 16,
        gutters: 1/4,
        column-width: 2rem,
        output: isolate
);

因此，这给了我16个流体柱来使用。我了解断点和围绕内容移动内容的方法，但是有没有一种方法来定义具有静态宽度的元素，或者这不是最佳实践吗？

例如，我想在顶部导航栏上显示菜单按钮和其他元素，以免随页面缩小和扩展。

我是流体设计的新手，所以不确定是否应该使用@span的容器，然后在其中使用静态宽度的元素？似乎在html中添加了一个额外的层，我想在元素本身上添加一个@span。

最佳答案

这里很难评论具体细节，因此我将尝试回答更通用的最佳实践问题：


在流体布局中可能包括但不容易包含静态元素。有或没有Susy都是如此。它的难易程度取决于您想要的特定布局/响应能力-但是Susy并没有一种或另一种真实的见解。
如果元素不收缩/扩展，则只需确定多余的空间在过多时会发生什么，以及当元素不再适合时会发生什么。
Susy对“静态”，“流体”与“混合”没有真正的看法，但是Susy无法计算混合网格，并且仍然将其理解为单个网格。按照定义，将静态和流体混合会破坏网格。您可以做到，而Susy不会知道两者之间的区别，但您却走在了人迹罕至的地方。
Susy主要是一个布局数学计算器，带有一些用于建立CSS布局的额外捷径。 span没有任何魔力或要求，因此您可以在任何有帮助的地方使用它，而在遇到问题时不要使用它。


基本上，Susy的构建具有您想要的灵活性。每个Susy mixin提供了某些与布局相关的CSS的快捷方式，您可以随意使用。 Susy函数还使您可以直接访问数学，可以根据需要使用它。

关于css - 如何在Susy2中的流体网格系统中制作静态元素宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38014402/