sass中使用max函数出现单位不兼容导致报错问题

Question

top: max(100%,calc(100vh - 64px));

Error："calc("100vh - 100px")" is not a number for `max'

因为max的两个参数必须单位一致，那么要怎样做下兼容，请各位大神帮忙看下

Answer 1

不是这个问题。

而是因为 max() 不是真正的 CSS 特性，而是 SASS 在编译时做的特殊处理，最后只保留两者中的最大值。

这就要求在 SASS 编译期间，这两个参数是确定的值，否则 SASS 咋识别谁大？

而 calc() 是个动态的值，其实际值在运行期间在能确定下来，SASS 编译时怎么可能知道到底是它大还是 100% 大？

你写的这个思路就有问题。