菜单在Safari中运行良好，但在Chrome中则不然

Question

我很难弄清楚为什么我的站点菜单在浏览器上显示不同。屏幕截图如下。

Safari铬

网站在这里。

更新：弄清楚是什么原因造成的。是脑子里的这几行代码。仍然不确定为什么它会把镀铬菜单搞砸，而不是safari。

<style>
.navigation { 
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
</style>

Answer 1

就这么做吧。

.full-screen-menu {
width: 100%;
height: 100vh;
}

祝你好运，麦克阿瑟先生！