【发布时间】：2020-03-29 15:03:42
【问题描述】：
各位开发者您好！ 先在这里求救。
我的网站在 iPhone 5s 上显示时遇到一个奇怪的错误。 我有一个绝对定位的移动侧边菜单，z-index 为 1000。 当用户单击汉堡菜单图标时，它会从屏幕左侧滑动。 它在台式机、iPad 和华为手机上运行良好，但在我的 iPhone 5s 上看起来像这样： Home page Section pageCorrect version
似乎它覆盖了标题，但未能覆盖主要部分。 这是元素的样式：
position: absolute;
top: 0;
left: 0;
background-color: white;
opacity: 1;
width: 0;
min-height: 100vh;
height: 100%;
z-index: 1000;
transition: 300ms;
display: flex;
flex-direction: column;
这是我网站的 github 存储库的链接：https://github.com/djlens/Maciek-Martyka-website/tree/master/website
在此先感谢，如果有任何帮助，我将不胜感激！
【问题讨论】：
-
我曾经遇到过这个问题。据我所知，您必须在绝对定位的侧面菜单中明确提供容器的高度。试试
min-height: 100vh。 -
@Sterex 没有工作：/ 要完全清楚，在提交一些更改之前我让它正常工作，现在我无法弄清楚问题是什么......我已经上传了 css 代码到原帖。