问题标签 [susy-compass]

我有一个带有 susy 的主网格设置，然后在footer元素中我使用 Susy 的with-grid-settings()mixin 生成一个稍微不同的网格，如下所示：

所以footer应该跨越所有 5 个主要列，并包含一个宽度略有不同的新网格，并使用containermixin 来应用它。

所以，然后在里面footer我有一些ul设置为每个跨越 1 列的 's，但剩下的边距实际上翻了一番。

这是CSS：

和结果图片：

似乎它与错误的网格上下文对齐。这与两个网格具有相同数量的列或其他东西有关吗？

我已经使用 SUSY 开发了几个静态站点并掌握了它。目前，我有一个 SUSY 网站正在开发中，它将被带到一个自定义的 WordPress 主题中。这里是否还有其他人以这种方式开发（我敢肯定有），如果是这样，您在转换过程中是否遇到过任何不寻常的事情或我需要留意的事情？我只是想在开始之前尽量减少潜在的减速带。谢谢！

杰森

阅读本文后，如何将rem与 susy 一起使用？

目前使用ems，但似乎rem是未来 :)

我还注意到在 v1.0.5 版本中支持rem，但我只是为了了解如何将它集成到我的网站中。

谢谢

我即将开始一个新项目，我很难在 Zen Grids 和 Susy 之间做出选择。你们能告诉我每个框架的优点/缺点是什么吗？

以供参考

• http://zengrids.com/
• http://susy.oddbird.net/

提前致谢！

我最近做了一个快速投资组合网站，我仍在调整中，但我使用了一个 susy 网格，当我使用浏览器将其调整为更小时，它仍然看起来像我预期的那样。本质上我有三个断点，一个用于浏览器，一个用于平板电脑，一个用于手机。

唯一的问题是，当我将它加载到我的手机 (HTC Desire) 上时，缩放似乎很远，并且它的大小就像中间断点（平板电脑）一样。

我设置的休息时间是：

网站在这里

我还注意到，当您放大网站时，您需要水平滚动，这是我试图避免的！实际上 Susy 网站也不这样做。

当我在断点（$desktop）（susy）中使用精灵时，基因精灵背景图像不会影响我的.logo类

但是没有 at-breakpoint() 就可以了（.logo 与 .logo-sprite 合并）！（我需要将 sprite 包含到 brakpoint 中）

有什么解决办法吗？

苏西对我来说很陌生。我正在尝试为我的页面设置断点

这是站点文档上的演示代码

我不明白的是 30em 和 12 代表什么，我想为页面如此宽时设置一个媒体查询，理想情况下是手机大小。我将如何使用 sussy 进行此操作？

更新

即使在阅读文档后，我也不太了解语法，我尝试过编写，但我得到了一个 sass 错误。我将如何使用 12col 网格在 30em 处书写？

我有以下配置文件

我还有以下 scss 文件正在被指南针监视（我的内容周围有一个容器，所以我应该看到网格，但我没有看到它，所以 susy 显然不起作用，但我不知道为什么？任何帮助将不胜感激）

如果所有元素恰好跨越一列，Susy可以 自动（不指定omega）填充多列布局吗？

我想要什么：

我得到什么（下面的代码）：

HTML：

SCSS：

如果元素具有不同的宽度， Susy可以自动填充多列布局吗？

我想要什么（见下面的代码）：

我得到什么（见下面的代码）：

目的？对于响应式布局，应该可以为较小的屏幕切换到两列（媒体查询断点）：

这可以简单地通过让所有元素向左浮动来实现。但是，我想使用像 Susy 这样的东西来降低复杂性。

HTML：

SCSS，没有 Omega 且不工作：