css - 使用较少的变量输出字体属性时出现问题

Question

我正在使用较少的 twitter 引导程序，我有以下内容：

@serifFontFamily: 'Droid Serif', "Georgia", Times, serif;
@baseFontSize: 100%/1.5;

font: @baseFontSize @serfiFontFamily;

它产生：

font: 66.666666667% 'Droid Serif', "Georgia", Times, serif

但我想输出这个：

font: 100%/1.5 'Droid Serif', "Georgia", Times, serif

有小费吗？

Answer 1

您可以使用

@baseFontSize: ~"100%/1.5";

而 less 会将其解释为字符串而不是表达式。

Answer 2

我已将属性字体分解为 3 个属性：

font-size: @baseFontSize;
font-family: @baseFontFamily;
line-height: @baseLineHeight;

和我的变量：

@baseFontSize:          100%;
@baseFontFamily:        'Droid Serif', "Georgia", Times, serif;
@baseLineHeight:        1.5;

比它正常工作！