CSS min() 函数到 SASS

Question

我有如下的 CSS 函数:

width: min(calc(100vw - 51rem), calc(100vh - 2rem));

它在使用 CSS 文件时工作正常，但在 SASS 中使用时则不然。如何为 SASS 重写此函数？

Answer 1

使用 SASS 时，min() 是 SASS 本身中的一个函数，因此您的语句在处理时不会进入您的 CSS。有一个快速的解决方法，因为 SASS 区分大小写而 CSS 不区分大小写。只需将 Min() 中的“M”大写。 Min() 语句不会被识别为内部 SASS min() 函数，但可以在 CSS 中工作。

    width: Min(calc(100vw - 51rem), calc(100vh - 2rem));