Html 使用位置时的双倍高度：固定

当我从桌面打开我网站上的弹出窗口时，好的。但当我在移动设备上打开弹出窗口时，弹出窗口覆盖有两倍的高度（弹出窗口进入页面顶部）

我怎样才能修好它

---

更新。我的问题示例：imgur.com/hKHjPzP

添加视口元标记后，尝试将高度设置为视口高度值：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

---

你想成为这个@RohitAzad，我已经试着用过了，但这个不行，这对我没有帮助。我已经使用了viewport。我的问题的例子：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

.popup-overlay {
background: rgba(0,0,0,.5);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
text-align: center;
overflow: auto;
}