iOS Safari :对于像弹出菜单这样的覆盖，100vh无法正常工作，并隐藏在safari的44px像素高的菜单栏下

iOS Safari是苹果公司为其iOS操作系统开发的默认浏览器。在iOS Safari中，对于像弹出菜单这样的覆盖，使用100vh（视口高度）无法正常工作，并且会被隐藏在Safari的44px像素高的菜单栏下。

这个问题是由于iOS Safari在计算视口高度时，将44px的菜单栏高度也计算在内，导致视口高度不准确。为了解决这个问题，可以使用一些技巧来适应iOS Safari的特殊行为。

一种解决方法是使用JavaScript来动态计算视口高度，排除菜单栏的高度。可以通过以下代码来实现：

function getViewportHeight() {
  var windowHeight = window.innerHeight; // 获取窗口高度
  var menuBarHeight = 44; // 菜单栏高度
  return windowHeight - menuBarHeight; // 排除菜单栏高度后的视口高度
}

另一种解决方法是使用CSS的calc()函数来减去菜单栏的高度。可以通过以下代码来实现：

.overlay {
  height: calc(100vh - 44px); /* 减去菜单栏高度后的高度 */
}

在实际开发中，可以根据具体情况选择适合的解决方法。

关于iOS Safari的更多信息，可以参考腾讯云的移动开发相关产品和文档：

• 腾讯移动开发平台
• 腾讯移动开发文档

请注意，以上答案仅供参考，具体解决方法可能因实际情况而异。