5

我想这样做：http ://www.youtube.com/watch?v= ls3Clk-kz3s 但输出 rems（带有 px 后备）而不是 ems。

显然这个https://github.com/chriseppstein/compass/pull/896被添加到 compass 并且应该以某种方式工作，但我不太明白我需要从http://compass-style.org/reference/ compass/typography/vertical_rhythm/到我的 .scss -file 来制作它。

如果我只是将https://gist.github.com/ry5n/2026666中的代码作为 mixin（即使根本没有 Compass）并使用：

@include set-font-size()

代替：

@include adjust-font-size-to()

它与 rem 值和 px 后备效果很好。

但是，如果我只是尝试使用 Compass 并使用

$font-unit: 1rem;
$relative-font-sizing: false;

它可以工作，但没有 px 后备。

如果有人可以将 Vertical Rhythm 所需的完整 .scss 代码与 Rems 一起使用，我将非常感激。

如果我使用 Rems，为什么我需要 $relative-font-sizing: false？另外，除了将文本放到这样的网格中之外，还有一些关于垂直节奏的相互竞争的哲学吗？你更喜欢哪一个，你的工作流程是什么？

非常感谢您提前。

4

1 回答 1

5

目前，Compass 的这些更新仍保留在预发布 gem 中，并且在 compass-style.org（甚至 beta.compass-style.org）上还没有匹配的文档。要使用新功能，请安装最新的 gem (0.13.alpha.4)：

gem install compass --pre

使用新 gem，垂直节奏 API 略有不同，主要在于其可配置变量，如https://github.com/chriseppstein/compass/pull/896 所示。简而言之，设置您的基本字体大小和行高，并将新的 $rhythm-unit 变量设置为rem：

$base-font-size: 16px;
$base-line-height: 24px;
$rhythm-unit: 'rem';

$rhythm-unit 变量替换了 $font-unit，并且 $relative-font-sizing 现在是一个私有的、内部的东西，你不需要担心。

在此之后，所有正常的垂直节奏混合将输出带有后备的 rem（除非您明确地将 $rem-with-px-fallback 设置为false）。请注意，API 的其余部分几乎保持不变，除了rhythmmixin，它现在具有更合理的默认参数。原始拉取请求中详细介绍了一些添加内容。

需要记住的一件事是节奏函数不能提供像素回退，因为它们只是返回一个值。

于 2013-08-26T00:37:51.343 回答