媒体查询不会执行

Question

我有以下两个媒体查询：

@media (max-width: 800px) {
        .login{
            margin-top: 5%;
        }
    }
}

@media (max-width: 204px) {
        .login{
            text-align: center;
            margin-right: 0%;
        }
    }
}

• 桌面到手机
• 在评论顶部查询时，底部执行
• 在开发人员工具中应用底层查询样式时，它可以正常工作
• 我已经阅读了有关查询的信息：https://css-tricks.com/logic-in-media-queries/

我一定不明白。

Answer 1

看起来你有一个太多的关闭括号，可能会搞砸了。

@media (max-width: 800px) {
    .login {
        margin-top: 5%;
    }
}

@media (max-width: 204px) {
    .login {
        text-align: center;
        margin-right: 0%;
    }
}

Answer 2

您添加了额外的大括号。请删除它。

/admin/**