在支持的浏览器上的媒体查询中使用视口单位的calc()

使用 calc() 在Chrome(版本68)的媒体查询中,似乎用 px . 如

@media only screen and (min-height: calc(100vw + 10px))

结果

@media only screen and (min-height: 110px)

计算() 在媒体查询中(根据 mozilla

如何在正确支持媒体查询的浏览器中应用媒体查询+calc()?我应该期待Firefox继续支持吗 这种方式?

使用案例:在一个充满视口的方形画布上的游戏中,根据可用空间,签名应该出现在画布(默认)或视口的右下角。

https://codepen.io/LoveF/pen/PBjXwr