CSS计算高度和宽度混合使用

Question

我有一个

div

元素（带有背景图像），我想占据父元素宽度的 40% 或父元素高度的 100% 中较小的一个。

这可以用CSS实现吗

calc()

还是我需要使用javascript？

Answer 1

单一财产价值似乎是不可能的。根据https://developer.mozilla.org/en-US/docs/Web/CSS/calc：

当前的实现要求对于 * 和 / 运算符，其中之一 操作数必须是无单位的。对于 /，正确的操作数必须是 无单位的。例如 font-size: calc(1.25rem / 1.25) 是有效的，但是 font-size: calc(1.25rem / 125%) 无效。