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

Question

当我从桌面打开我的网站弹出窗口时，好吧。但是当我在移动设备上打开弹出窗口时，popup-overlay有两倍的高度（弹出窗口返回页面顶部）。

Example of popup: http://jsfiddle.net/tb28F/

我该如何解决？

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

Answer 1

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

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

和CSS：

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