用于字体的 css less mixin

【问题标题】：css less mixin for fonts用于字体的 css less mixin
【发布时间】：2013-03-18 11:04:29
【问题描述】：

如果浏览器不支持 rem 以使用 px，我正在尝试完成一个 mixin，用于基于 px 计算以 rem 为单位的字体大小。但是我有一个问题，如果我解析让我们说 16px 它将变成 value+pxpx。

主要问题是，如果我想在其他地方使用相同的变量，我不能，因为我必须在没有 px 或单位测量的情况下定义它。

如何让它传递包括单位测量在内的值并正确返回？

对于那些阅读速度非常快并认为为什么不删除没有 px 的连接的人是行不通的。会变成 pxrem

.remCalc(@sizeValue) {
  @remValue: (@sizeValue / @font-size-base);
  font-size: ~"@{sizeValue}px";
  font-size: ~"@{remValue}rem";
}

【问题讨论】：

标签： css less

【解决方案1】：

您可以使用unit() function。

.remCalc(@sv) {
  @sizeValue: unit(@sv);
  @remValue: (@sizeValue / @font-size-base);
  font-size: unit(@sv,px);
  font-size: unit(@remValue,rem)";
}

示例：

@sv: 10px;

函数可以剥离单元

unit(@sv); // 10

或更改单位

unit(@sv,em); // 10em

【讨论】：