无法使用较少的变量输出字体属性

时间:2012-10-31 13:53:02

标签: css twitter-bootstrap less

我正在使用twitter bootstrap,我有以下内容:

@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

任何提示?

2 个答案:

答案 0 :(得分:4)

您可以使用

@baseFontSize: ~"100%/1.5";

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

答案 1 :(得分:1)

我已经在3个属性中分解了属性字体:

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

和我的变量:

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

比它正常工作!