登录页如何将账号密码输入框定位到屏幕正中，并且自适应移动设备？

Question

这里是我用绝对定位，定到这个位置的。下面是我的样式：#login-form {position: absolute;padding: 150px 200px 0px 450px;}

Answer 1

#login-form {

position: fixed;

padding: 150px 200px 0px 450px;

left:0;

right:0;

top:0;

bottom:0;

margin:auto;

}

/*或者绝对定位*/

#login-form {

position: fixed;

padding: 150px 200px 0px 450px;

left:50%;

top:50%;

transform:translate3d(-50%,-50%,0);

}