样式组件中的CSS' calc() [重复]

2024-01-18

尝试这个:

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

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


关于 CSS 的一个有趣的技巧calc:

+/- 之间需要空格

meaning:

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

应该管用

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

样式组件中的CSS' calc() [重复] 的相关文章