如何在css中设置媒体查询

请帮助我使用CSS中的媒体查询。如何设置媒体查询中输入字段的

min height

我在媒体查询

300px

中为

min width

设置表单宽度。当我在媒体查询中添加输入标记并给出宽度时，不会设置输入字段

请帮助设置字段

这是我的媒体代码：

@media screen and (min-width:480px){
    form{
        width:300px;
    }
    input{
        width:100px;
    }
}

---

也许你的css规则不起作用，因为HTML，你的媒体查询是好的 例如，您的表单位于

div

中，如果要向表单添加css，您应该执行以下操作：

@media screen and (min-width:480px){
    div {
        form {
            width:300px;
        }
    }
}

---

你的要求能再清楚一点吗？我不太明白…你的问题很好。那么你也能显示HTML吗？也许这就是你遇到问题的地方。你的浏览器的开发工具显示哪些CSS规则应用于元素？（很可能其他CSS规则具有更高的优先级，因此此规则被忽略–媒体查询在级联中没有任何额外的权重）。我是说，当我在CSS中对包含表单宽度和输入字段的表单使用媒体查询时。我如何在小型设备（例如移动设备等）中设置表单。这是非常常见的知识，在询问之前，您是否尝试过在谷歌上搜索教程？