如何在CSS中设置媒体查询

Question

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

我在媒体查询300px中为min-width设置了表单宽度。当我在媒体查询中添加输入标签并指定宽度时，输入字段将不会设置。

请帮助设置字段。

这是我的媒体代码：

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

Answer 1

也许您的CSS规则由于HTML而无法使用，您的媒体查询还可以 例如，您的表单位于div中，如果您想将CSS添加到表单中，则应该执行以下操作：

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