Html 以桌面为中心但不在mobil上的弹出窗体

Html 以桌面为中心但不在mobil上的弹出窗体,html,css,responsive,Html,Css,Responsive,我有一个页面,当你点击一个链接而你没有登录时,会弹出一个表单来登录。它在桌面上工作得很好,总是在页面的中心,但在mobil上它位于顶部,所以如果我点击指向页面底部的链接,我必须一直向上滚动才能看到它。我的表单css是: div.wpcf7 { position: absolute; margin: 0 auto; top: 0; right: 0; bottom: 0; left: 0; width: 490px; height: 440px; z-index: 1042; backgroun

我有一个页面,当你点击一个链接而你没有登录时,会弹出一个表单来登录。它在桌面上工作得很好,总是在页面的中心,但在mobil上它位于顶部,所以如果我点击指向页面底部的链接,我必须一直向上滚动才能看到它。我的表单css是:

div.wpcf7 {
position: absolute;
margin: 0 auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 490px;
height: 440px; 
z-index: 1042;
background: #f9f9f9;
}

绝对是关于页面的。已修复与窗口(视口)相关的问题


您是否尝试使用
position:fixed?这就成功了,不知道为什么我没有想到:-/
 position: fixed;