帮帮我，你们这些时髦的苏西，我快要崩溃了！我正在尝试为我的项目制作最有效的布局，但我遇到了一些我无法用 Susy/breakpoint 解决的问题。

我希望布局列在断点处更改，而不必更改 div 的所有单个跨度（因为这样会有许多不同的跨度宽度。而不仅仅是 1 和更改 3 或 4 个不同的列布局）。

现在，我能够让它工作的唯一方法是更改​​ div 的跨度并保持列不变，但我希望 div 始终保持相同的大小，然后根据列的数量放置到位留下来填补。

我认为这正是我编写@include 的方式。我尝试在断点内进行容器/布局，而不是使用布局，但没有成功。我知道这可能是一个我没有看到的简单修复。

编辑：我还注意到，无论我如何更改，div 总是采用默认的 $susy 映射，并且不会在断点处更改它。

SCSS：

html:

是否可以使用 Susy 创建一个布局，其顺序与标记中的顺序不同？

我的标记类似于：

这种标记最适合以线性方式（内容、侧边栏、侧边栏）呈现的移动设备。

但是桌面，我想展示东西侧边栏，内容，侧边栏。

我的 $susy 地图是：

我试过了

和

我有这些风格：

我的网格项目正确排列。在这种情况下，每个<li>跨越 8 列中的两列，但是当我打开如上所示的网格背景显示时，我得到以下输出：

知道为什么要这样做吗？当然我应该看到 8 列？

谢谢，尼尔

更新1：

所以，background-size正在输出的语句像这样错误地输出background-size: 8.47458%, 100% 1.5;

由于某种原因，它似乎将我的基线高度设置添加到末尾。我通过将变量更改$base-line-height为 7.5 之类的奇怪变量来确认这一点，这会将输出更改为： background-size: 8.47458%, 100% 7.5;

下面是我的更多代码，包括初始基线高度设置：

有什么想法为什么在没有明显原因的情况下在这里添加行高？

我是个小菜鸟，如果这是一个愚蠢的问题，我深表歉意......

我正在计算 susy 网格内的响应填充。

通常的计算当然是：(target / context) x 100.

susy 可以返回'context'ie "span(2)"，例如，以像素为单位，所以我可以将计算添加到我的 SASS 文件中......还是我完全遗漏了什么？

我正在运行 Sass、Compass 和 Susy。我升级到最新版本：

完整的弃用警告是：

我运行了“compass compile --trace”，但它没有添加任何额外的信息。有谁知道如何去寻找问题所在。据我了解，它可能是 Compass 或 Susy。请指教。

这是我的 susy 配置

测试代码：

编译后他们什么都不返回...

或者

显示错误：无效的空操作：“15.75092% plus null”

有什么问题？

我正在尝试在我的一个网站中使用 susy。我已经使用 12 列布局设置了 susy 地图设置，我在列之间有排水沟（右边距）......给“容器”提供左右边距（或填充）的正确方法是什么？

我以为我让 Susy 失望了，但现在已经为此苦苦挣扎了几个小时。我也感到非常愚蠢，因为我以前从未遇到过这个问题，所以我知道它已经结束了。可能是对盒子模型的误解，但这就是我遇到的问题。

我设置了容器 div，其中有一个 #main div，其中包含 9 列内容和 3 列侧边栏。#main div 有一个白色背景，所以我需要在它周围进行一些填充，但是每当我添加填充时，布局就会中断，并且侧边栏会被推到底部。

无填充：

带填充：

我的 html 结构是：
.container
+ main
++ 内容（@include span(9)）
++ 边栏（@include span(last 3)）

我还在 html 和 susy 设置中全局设置了边框大小。如果我将 width: 100% 和 box-sizing: content-box 添加到#main div，这可行，但会使容器在右侧更宽，将其推过它上方和下方的元素，我从 content-box 开始理解添加到它。这在某种意义上有效，但不是我想要的结果。我需要#main div 保持相同的宽度，但允许我在左侧和右侧添加填充。

就像我说的，这对我来说是一个新问题。我用 Susy 建立了几个站点，以前没有遇到过这个问题，所以我觉得自己非常愚蠢。

更新 1：向内容和侧边栏 div 添加填充是有效的，除了在我的一个页面上，我在内容 div 中有一个图片库，它做同样的事情，行中的第三项下降到底部。

更新 2：在花了一整天的时间思考和工作之后，我得出的结论是，这与它是一个具有固定列宽的固定站点有关。当 div 的宽度设置为 %'s 时，即使使用固定宽度的容器，布局也不会中断。有趣的。也许有一种方法可以使用“静态”数学输出让 Susy 像这样工作，我不确定。

我正在尝试通过 Gulp使用Bundler安装Susy和Breakpoints 。我该怎么做呢？

在 Susy 文档中，它说明了以下内容：

1）将以下内容放入您的gem文件中：

2) 将以下内容放入 config/application.rb

3）然后在命令行中运行以下

我已经完成了这一切。在我的 gulp 文件中（请参阅此处的完整文件），我有以下内容：

但是当我运行 gulp 时，它说：

[14:53:18] 前端/dist/js/main.js 重新加载。

[14:53:18] 重新加载前端/dist/scripts/main.min.js。

[14:53:18] gulp-ruby-sass 标准错误：OptionParser::NeedlessArgument：不需要的参数：--sourcemap=none 使用--trace 进行回溯。

[14:53:18] gulp-notify：[Gulp 通知]

[14:53:18] 592 毫秒后完成的“样式”

[14:53:18] 开始“默认”...

[14:53:18] 6.02 μs 后完成“默认”*

css 已编译，但它具有以下错误消息：

我该如何修复它，以便我可以通过 Bundler 和 Gulp 运行 Susy 和 Breakpoints？

谢谢！

我已经开始在我的 Rails 项目中使用 Susy 2，现在我想在 php 项目中使用它。我刚刚使用 rbenv 安装了 sass-3.4.11、compass-1.0.3 和 susy-2.2.2 来控制我的环境。我在我的 scss 文件链的开头导入了 compass 和 susy：

我将以下代码从我的工作 ruby​​ 项目粘贴到我的 php 中：

编译器将容器、列等标记为错误。它具有边框大小、建立基线和跨度（12 个，共 12 个）。$susy: () 是版本 2 的一部分，不是吗？在 php 项目中我还需要做些什么才能让它工作吗？我确实有繁忙的版本 1 在另一个 php 项目中工作。

如果它有任何区别，这是我的编译语句：

我正在使用 PHPStorm IDE 来调用它。

更新

可能是IDE，PHPStorm，这就是问题所在。它将语句标记为错误，但编译器没有抱怨。我有办法通过重构网站，它是一团糟，所以我不知道 Susy 是否在工作。我还使用 RubyMine，它是另一个 JetBrains IDE。它不会抱怨代码。

更新 2

如果我取消注释 $susy: 代码，IDE 将不会运行编译器。具体来说，它不喜欢容器、列等之后的冒号。

更新 3

我用注释掉的问题声明完成了对站点的重构。它看起来很好。我确实定义了几个 pre-version 2 变量。