如何从SASS中的任何数字中剥离设备？

Question

我知道如果您事先知道该单位,您可以从SASS中的数字中删除单位:

$number: 16px;
$without-unit: 16px / 1px;
@warn $without-unit; // 16

但是有可能在不知道单位是什么的情况下从一个数字中剥离单位吗？

@function strip-unit($number) {
  // magic code here...
}

@warn strip-unit(16px); // 16

Answer 1

-

更新:你永远不应该真的需要使用这个功能.Sass数学对于单位非常聪明,我从未见过一个用例,其中剥离单位比仅使用正确的数学来获得所需要的更好.请参阅Sass问题主题,详细讨论了这个问题.

这是一个聪明的功能,但如果您想使用它,那么您的数学可能存在问题.不要依赖这个功能.修改你的数学.

-

你需要除以相同单位的1.如果你使用unit(),你会得到一个字符串而不是一个数字,但如果你乘以零并加1,你就得到了你需要的东西:

@function strip-units($number) {
  @return $number / ($number * 0 + 1);
}

这样可行.strip-units(13.48cm)会回来的13.48.