样式组件中的 CSS calc() [英] CSS' calc() in styled-components
本文介绍了样式组件中的 CSS calc()的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
试试这个:
const styledDiv = styled.div`
${props => props.takeViewportHeight && `min-height: calc(100vh-16px);`}
`
它不起作用.我是否在样式组件中遗漏了一些关于 calc 的内容?
It's not working. Am I missing something about calc in styled components?
推荐答案
一个关于 CSS calc 的有趣提示:
A funny tip about CSS calc:
+/- 之间需要空格
含义:
const styledDiv = styled.div`
${props => props.takeViewportHeight && `min-height: calc(100vh - 16px);`}
`
应该可以
这篇关于样式组件中的 CSS calc()的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
