css - Css: min 包含 2 个不同单位的表达式

Question

height: min(483px, 100vw * 0.82)

错误：px 和 vw 不是可兼容单位

如何获得上述两个值之间的最小值？或者将 vw 转换为 px ？

标签： cssfrontendcss-calc

Answer 1

包装calc解决了问题：

height: calc(min(483px, 100vw * 0.82));