Css 为什么媒体查询没有';不适用

Css 为什么媒体查询没有';不适用,css,responsive-design,media-queries,viewport,Css,Responsive Design,Media Queries,Viewport,我阅读了这个网站上的所有@media主题,似乎代码应该可以正常工作 body { background-color: yellow; } @media screen and (min-width: 1080px;) and (max-width: 2000px;) { body { background-color: green; } } @media screen and (max-width: 1079px;) { body {

我阅读了这个网站上的所有@media主题,似乎代码应该可以正常工作

body
{
    background-color: yellow;
}

@media screen and (min-width: 1080px;) and (max-width: 2000px;)
{
    body
    {
        background-color: green;
    }
}

@media screen and (max-width: 1079px;)
{
 body
    {
        background-color: red;
    }
}

我有视口标记,但背景始终为黄色。。。有什么问题吗?

这里只需取出

body
{
    background-color: yellow;
}

@media screen and (min-width: 1080px) and (max-width: 2000px)
{
    body
    {
        background-color: green;
    }
}

@media screen and (max-width: 1079px)
{
 body
    {
        background-color: red;
    }
}

有一些错误,您应该试试这个


正文{背景色:黄色;}@media screen和(最小宽度:1070px){正文{背景色:红色;}}@media screen和(最小宽度:1080px){正文{背景色:绿色;}

我认为您应该检查html文档的头部是否有
标记,
如果没有标签,您的媒体查询将不会生效

删除所有
。。。像
(最大宽度:1079px)
。。。检查..那么这些错误在哪里?你只是把分辨率放在手机的第一位,而不是桌面的第一位。这并不能回答这个问题。一旦你有足够的钱,你将能够;相反@jacob random,嘿,如果这有助于解决问题,别忘了接受它作为答案,谢谢。