如何在 Susy2 的流体网格系统中制作静态元素宽度
How to make static element widths in a fluid grid system in Susy2
我是 CSS 和前端样式的新手，我选择 Sass 和 Susy2 作为我想使用的 2 个框架。
我的 susy 配置如下所示：
$susy: (
columns: 16,
gutters: 1/4,
column-width: 2rem,
output: isolate
);
所以这给了我 16 个流体柱来处理。我了解以这种方式设置断点和移动内容，但是有没有一种方法可以定义具有静态宽度的元素，或者这不是最佳实践吗？
例如，我的顶部导航栏上有我的菜单按钮和其他元素，我希望它们不随页面收缩和扩展。
我是流体设计的新手，所以我不确定是否应该制作使用 @span 的容器，然后在其中制作静态宽度元素？这似乎在我的 html 中添加了一个额外的层，我只想在元素本身上有一个 @span。
这里很难对细节发表评论，所以我将尝试回答更一般的最佳实践问题：
- 在流体布局中包含静态元素是可能的，但可能很困难。无论有没有 Susy，都是如此。它有多难取决于你想要的具体 layout/responsiveness - 但 Susy 没有任何真正的意见。
- 如果元素不 shrink/expand，您只需决定当元素过多时如何处理多余的 space，以及当元素不再适合时如何处理。
- Susy 对静态、流体和混合没有真正的看法——但 Susy 无法计算混合网格，并且仍然将其理解为单个网格。根据定义，混合静态和流体是 打破网格。你可以做到，Susy 不会知道其中的区别，但你已经走上了人迹罕至的道路。
- Susy 主要是一个布局数学计算器，具有一些用于建立 CSS 布局的额外快捷方式。
span 没有任何魔力或要求，因此您可以在任何有用的地方使用它，而不是在它妨碍时使用它。
基本上，Susy 的构建是为了像您希望的那样灵活。每个 Susy mixin 都为某些与布局相关的 CSS 提供了快捷方式，您可以随意使用。 Susy 函数还可以让您直接访问数学，您可以根据需要使用它。
我是 CSS 和前端样式的新手，我选择 Sass 和 Susy2 作为我想使用的 2 个框架。
我的 susy 配置如下所示：
$susy: (
columns: 16,
gutters: 1/4,
column-width: 2rem,
output: isolate
);
所以这给了我 16 个流体柱来处理。我了解以这种方式设置断点和移动内容，但是有没有一种方法可以定义具有静态宽度的元素，或者这不是最佳实践吗？
例如，我的顶部导航栏上有我的菜单按钮和其他元素，我希望它们不随页面收缩和扩展。
我是流体设计的新手，所以我不确定是否应该制作使用 @span 的容器，然后在其中制作静态宽度元素？这似乎在我的 html 中添加了一个额外的层，我只想在元素本身上有一个 @span。
这里很难对细节发表评论，所以我将尝试回答更一般的最佳实践问题：
- 在流体布局中包含静态元素是可能的，但可能很困难。无论有没有 Susy，都是如此。它有多难取决于你想要的具体 layout/responsiveness - 但 Susy 没有任何真正的意见。
- 如果元素不 shrink/expand，您只需决定当元素过多时如何处理多余的 space，以及当元素不再适合时如何处理。
- Susy 对静态、流体和混合没有真正的看法——但 Susy 无法计算混合网格，并且仍然将其理解为单个网格。根据定义，混合静态和流体是 打破网格。你可以做到，Susy 不会知道其中的区别，但你已经走上了人迹罕至的道路。
- Susy 主要是一个布局数学计算器，具有一些用于建立 CSS 布局的额外快捷方式。
span没有任何魔力或要求，因此您可以在任何有用的地方使用它，而不是在它妨碍时使用它。
基本上，Susy 的构建是为了像您希望的那样灵活。每个 Susy mixin 都为某些与布局相关的 CSS 提供了快捷方式，您可以随意使用。 Susy 函数还可以让您直接访问数学，您可以根据需要使用它。