时间戳

首页 > 解决方案 > 具有 px 和百分比单位的 SCSS min()

sass - 具有 px 和百分比单位的 SCSS min()

问题描述

我正在编写一个小型 Rails 应用程序，我需要像这样使用 min() 函数：

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

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

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

如果我使用硬编码的 px 单位，例如min(250px, 350px)，它可以工作，但使用起来毫无意义min()，我只能使用250px，这不是我想要的。

这可以min()与px和%单位一起使用吗？

标签： sass

解决方案

好的，所以问题是CSS和SCSS都具有相同的min()功能，并且发生了冲突。但是 SCSS 实际上是区分大小写的，而 CSS 不是，所以我可以写Min()或者MIN()代替。那工作得很好。我不认为这不仅仅是一个黑客。

推荐阅读