首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使罗盘垂直节拍输出Rems代替Ems的px回退?

如何使罗盘垂直节拍输出Rems代替Ems的px回退?
EN

Stack Overflow用户
提问于 2013-08-25 21:45:39
回答 1查看 2.7K关注 0票数 5

我想这样做:http://www.youtube.com/watch?v=ls3Clk-kz3s,但是输出rems (带px回退)而不是ems。

显然,这个https://github.com/chriseppstein/compass/pull/896是添加到指南针中的,应该可以工作,但我不太明白我需要什么从rhythm/到我的.scss -file来制作它。

如果我只是将来自https://gist.github.com/ry5n/2026666的代码作为一个混合器(甚至根本没有Compass )并使用:

代码语言:javascript
复制
@include set-font-size()

而不是:

代码语言:javascript
复制
@include adjust-font-size-to()

它与对物值和px回退很好地工作。

但如果我试着用指南针

代码语言:javascript
复制
$font-unit: 1rem;
$relative-font-sizing: false;

这是可行的,但没有px的退路。

如果有人能将垂直节律所需的完整.scss代码用于Rems,我将非常感激。

如果我使用Rems,为什么我需要$相对字体大小: false?此外,除了把文本放到这样的网格上之外,还有一些关于垂直节奏的相互竞争的哲学吗?你更喜欢哪一个?你的工作流程是什么?

先谢谢你。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-26 00:37:51

目前,对Compass的这些更新仍保留在发布前的gem中,并且匹配的文档还不能在罗经-style.org上获得(甚至不能在beta.罗经-style.org上获得)。要使用这些新特性,请安装最新的gem (0.13.alpha.4):

代码语言:javascript
复制
gem install compass --pre

对于新的gem,垂直节奏API与https://github.com/chriseppstein/compass/pull/896相比略有不同,主要是在其可配置变量上。简而言之,设置基本字体大小和行高,并将新的$节律单位变量设置为rem

代码语言:javascript
复制
$base-font-size: 16px;
$base-line-height: 24px;
$rhythm-unit: 'rem';

$节律单元变量取代了$字体单元,而$相对字体大小现在是一个私有的、内部的事情,您不需要担心。

在此之后,所有正常的垂直节奏混合将输出带回退的区域(除非您显式地将$ rems回退设置为false)。请注意,API的其余部分几乎是相同的,但rhythm mixin除外,它现在具有更合理的默认参数。在original pull request中有一些详细的补充。

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

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18434054

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档