全屏浏览器中 MacOS 中的 VH 更改

问题描述

我正在创建的网站使用了一系列将 min-height 设置为 100vh 的网站;其中使用了一个复杂的 flexBox

当我完成我的网站时,我注意到一些让我烦恼的事情: 在 MacOS 上使用 Chrome 时,当您处于全屏模式并将鼠标置于顶部时,会显示 macOS 菜单和窗口选项,导致 vh 发生变化(Safari 上并非如此)。

问题在于它正在重新计算每个 flexBox 并更改图像缩放(如图所示)。 with menu popped without menu

什么是解决方案?我仍然希望基于 vh 制作部分,因为它呈现良好。在此处输入图像描述

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)