html - 如何在 html5 表单的 css3 中应用媒体查询

Question

我已经使用 css 制作了 html5 表单，但无法在 form.plz 帮助中应用媒体查询

<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>

样式.css

Answer 1

你试过类似的东西吗？您在发布问题之前是否进行了谷歌搜索？

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

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