html输入框固定页面位置,【input输入框如何随页面缩放而缩放？ _表单元素 _布局 】 | I...

* {

margin: 0;

padding: 0;

}

body {

height: 100vh;

width: 100vw;

background: #eff0f4;

}

img {

transform: scale(0.5);

position: absolute;

left: 1rem;

margin-top: 1.1rem;

}

.header {

background: #5fc0cd;

color: white;

font-size: 1rem;

position: relative;

top: 0;

height: 4rem;

line-height: 4rem;

}

.header .close {

float: left;

position: relative;

left: 1rem;

}

.header .login {

font-size: 1.125rem;

text-align: center;

position: relative;

top: -0.1rem;

}

.header .registe {

float: right;

position: relative;

right: 1rem;

}

.user, .pw {

height: 5rem;

}

.user {

background: white;

height: 5rem;

width: 100%;

margin-top: 2rem;

}

.pw {

background: white;

height: 5rem;

width: 100%;

margin-top: 2rem;

}

input {

outline-style: none;

border: none;

border-left-style: solid;

border-color: #eff0f4;

font-size: 1.5rem;

height: 3rem;

width: 11rem;

margin-top: 0.8rem;

margin-left: 4rem;

padding-left: 2rem;

}

input::-webkit-input-placeholder{

color: #e1e5e7;

font-size: 1rem;

}

.login1 {

border-style: none;

background: #5fc0cd;

color: white;

font-size: 1.125rem;

margin-top: 5rem;

height: 4rem;

width: 100%;

}

.forget {

outline-style: none;

border-style: none;

background: #eff0f4;

color: #5fc0cd;

font-size: 1rem;

position: absolute;

right: 4%;

}