同时具有px和百分比单位的SCSS min()

Question

我正在编写一个小型rails应用程序，其中我需要使用如下的min((函数：

img {
width: min(75%, 250px);
}

在firefox中，从CSS检查器，我可以设置它，它就可以工作了。但在SCSS中，我得到了一个编译错误：

Internal Error: Incompatible units: 'px' and '%'.

如果我使用像min(250px, 350px)这样的硬编码px单元，它是有效的，但使用min()根本没有意义，我可以只使用250px，这不是我想要的。

是否可以将min()与px和%单元一起使用？

Answer 1

好的，所以问题是CSS和SCSS都有相同的min()函数，并且存在冲突。但是SCSS实际上是区分大小写的，而CSS不是，所以我可以写Min()或MIN()。效果很好。不过，我不认为这只是一次黑客攻击。

Answer 2

您必须使用calc()，因为这将使浏览器计算百分比是多少像素。

img {
width: min(calc(75%), 250px);
}