菜单在 Safari 中完美运行但不是 Chrome？

Question

我无法弄清楚为什么我的站点菜单在浏览器中显示不同。截图如下。

Safari Chrome

站点是 here。

更新：找出是什么原因造成的。这是头部的这些代码行。仍然不确定为什么它会弄乱 chrome 而不是 safari 中的菜单。

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

Answer 1

就这样做吧。

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

祝麦克阿瑟先生好运！