데스크탑에 중심을두고 모바일에없는 팝업 양식

Question

링크를 클릭하면 로그인하지 않은 상태에서 로그인 할 수있는 페이지가 있습니다. 그것은 바탕 화면에 완벽하게 작동하고 항상 페이지의 중심에 있지만 모빌에서는 맨 위에 있으므로 페이지 하단쪽으로 링크를 클릭하면 모든 것을 스크롤하여 볼 수 있습니다. 양식에 대한 내 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; 
} 

Answer 1

절대적으로 페이지와 관련됩니다. 윈도우 (뷰포트)를 기준으로 고정됩니다.

position: fixed;