相关疑难解决方法(0)

我了解了CSS函数calc()及其真棒.我尝试使用它像:

#abc{width:calc(100%-20px)}

但是这个功能的问题在于它不起作用.我测试了这个代码IE9和Safari,它没有用.

为什么不起作用？

我有相对复杂的公式，例如 transform: scale(var(--image-scale)) translateY(calc((1px * var(--element-height) * (var(--image-scale) - 1)) / 2 * var(--scrolled-out-y)))

如何调试计算值？此外，有没有一种方法可以验证/突出显示公式错误？

我试图这样输出到伪元素，但没有运气

    position: fixed;
    display: block;
    left:0;
    right: 0;
    background: yellow;
    padding: 5px;
    z-index: 100;
    content: calc((1px * var(--element-height) * (var(--image-scale) - 1)) / 2 * var(--scrolled-out-y));

我发现的唯一方法是将计算的一部分放到未使用的数值属性background-position-x上，例如在下面的gif上，这样它将在计算选项卡上显示计算值-有用但不是很方便（background-position-x在页面滚动时注意更改）：

    position: fixed;
    display: block;
    left:0;
    right: 0;
    background: yellow;
    padding: 5px;
    z-index: 100;
    content: calc((1px * var(--element-height) * (var(--image-scale) - 1)) / 2 * var(--scrolled-out-y));

var sc = ScrollOut({
    cssProps: true
  })
  const results …

我在react-native中使用样式组件和calc()函数

const MyElement = styled(MyText)`
    position: absolute;
    left: calc(20% - 10px);
`

错误

NSString 类型的 JSON 值“calc(20% - 10px)”无法转换为 YGValue。您忘记了 % 或 pt 后缀吗？

我已经找到了这个解决方案（样式组件中的 CSS' calc() ）。但我已经在使用空格了。

我究竟做错了什么？

为什么这样calc(100vw/4)做有效，但以下两个都不起作用？

1. calc(100vw/4-(10-4))
2. calc(100vw/4-(10px-4))
3. calc(100vw/4-(10px-4px))
4. calc(100vw/4-calc(10px-4px))

如何管理在SASS循环calc(100vw/x-(10px-x))中x被替换的表达式起作用？