我在宽度上使用 sass min 函数 - min（100% - 40px ， 1000px）;但是映射的 CSS 文件显示 min 函数的无效属性值

I am using sass min function on width - min(100% - 40px , 1000px); but the mapped css file shows invalid property value for min function

提问人：Humaira Fathima 提问时间：11/15/2023 最后编辑：disinforHumaira Fathima 更新时间：11/15/2023 访问量：32

问：

Sass 文件：_grid.scss

.grid{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 40px;
    width: min(100% - 40px, 1000px);
    margin-inline: auto;
    @media (min-width: 900px) {
        grid-template-columns: 2fr 1fr;
        grid-template-rows: auto;
    }

编译的CSS：

.grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: 40px;
  width: min(100% - 40px, 1000px);
  margin-inline: auto;
}
<div class="grid">
</div>

它在cssTree中显示无效的属性值，尽管它在浏览器中工作。width

我首先使用函数计算-- ,然后我创建了一个 SASS 函数来返回相同表达式的值，但它仍然显示相同的问题。calc()(100% - 40px)calc

CSS 飒爽

评论

0赞 Moob 11/15/2023
CSS min（） 已经存在，也许你的 sass 版本不知道这一点。
0赞 disinfor 11/15/2023
这可能是 cssTree 的一个错误。我建议使用 cssTree github 记录一个错误。
0赞 Martin 11/15/2023
width: min(100% - 40px, 1000px);是 CSS min 函数的正确用法。你的验证工具是csstree吗？有一个悬而未决的问题，即 ，尚不受支持。minmaxclamp
0赞 Humaira Fathima 11/17/2023
感谢大家抽出宝贵时间回答。任何人都可以建议一个替代的css验证工具吗？

答： 暂无答案

上一个：如何修复以下代码以允许 bootstrap 5.3 中提供的卡具有移动响应能力？

下一个：具有三角形形式的 CSS 矩形