javascript - 样式组件中的 CSS calc()

Question

这个问题已经有答案了:

How do I debug CSS calc() value? (2 个回答)

Why doesn't the CSS calc() function work for me? (8 个回答)

已关闭 3 年前。

试试这个:

const styledDiv = styled.div`
  ${props => props.takeViewportHeight && `min-height: calc(100vh-16px);`}
`

它不工作。我是否遗漏了样式组件中有关 calc 的内容？

Answer 1

关于 CSS calc 的有趣提示:

whitespaces are required between +/-

含义:

const styledDiv = styled.div`
  ${props => props.takeViewportHeight && `min-height: calc(100vh - 16px);`}
`

应该可以