如何在css3中使用html5格式应用媒体查询

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>

的style.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;
    }
}