¡Encontré un error de diseño causado por un teléfono móvil! ¡Tengo una página que es un formulario, y la configuración es así! Cuando el usuario usa un teléfono Android, el teclado del teléfono aparecerá al ingresar el nombre. En este momento, el teclado empujará hacia arriba toda la pantalla y no se podrá bajar para que el usuario continúe llenando. Sin embargo, es normal en un teléfono iOS, porque el teclado del teléfono iOS Cubrir mi pantalla no emprendedor. No se si alguien ha solucionado este problema. He visto algunas soluciones javascript en Internet. ¿Puedo resolver el problema a través de CSS?

Si este problema aún requiere javascript, espero que me pueda decir algunas formas simples, porque mi capacidad de javascript es un poco pobre, ¡gracias por su ayuda!

 .demo{ background-color: #f9cf5a; position:fixed; top:0; bottom:0; left:0; right:0; display: flex; justify-content:center; align-items:center; } .form{ background-color: #0ecaf9; width: 400px; height: 500px; border-radius:70px 180px 90px 80px; } .content{ height: 100%; display: flex; flex-direction:column; justify-content:center; align-items:center; }

 <div class="demo"> <div class="form"> <div class="content"> name: <input type="email" placeholder="name" ><br> phone: <input type="tel" placeholder="name" > </div> </div> </div>