, wie Medien-Abfrage in css3 mit html5 Form anzuwenden

Question

i CSS html5 Form gemacht haben verwenden, aber in Schwierigkeiten Frage der Medien in form.plz Hilfe

<div class="form"> 
<form action="Login.jsp" method="post" > 
<input type="text" name="username" placeholder="username" required/> 

<button>login</button>

Not registered? <a href="RegisterForm.jsp">Create an account</a></p> 

anzuwenden

style.css

Answer 1

Haben Sie schon einmal versucht so etwas? Haben Sie die Google-Suche durchgeführt, bevor Sie Ihre Frage gepostet haben?

@media screen and (min-width: 641px) and (max-width: 768px) { 
    .form .input{ 
     width:100px; 
    } 
} 

@media screen and (max-width: 640px) { 
    .form .input{ 
     width:50px; 
    } 
}