Firefox CSS计算的值与Chrome和Safari不同

z6psavjg  于 2023-04-27  发布在  Go
关注(0)|答案(1)|浏览(141)

我有这些属性:

top: calc(100% - clamp(100vh, 100%, 100%));
height: clamp(100vh, 100%, 100%);

高度最好是它所包裹的标签的100%,但必须至少是垂直屏幕的孔(以便它总是填充屏幕)
不,这里是奇怪的部分...默认情况下,它不应该是可见的,这就是为什么我已经将它移动到不可见的顶部空间(所以我可以做一个漂亮的下拉动画时,它应该是可见的)。
在Safari和Chrome中,它处于完美的位置,而在Firefox中,一部分保持可见。

rwqw0loc

rwqw0loc1#

仍然不知道为什么Firefox计算的东西不同,但clamp()可以用max()简化,这为我解决了这个问题:

top: calc(100% - max(100vh, 100%))

相关问题