Css 为什么不是'；我的@媒体不再工作了吗？

我对我的CSS有一些媒体查询。几天前他们工作得很好，但我刚刚注意到他们都没有做任何事情。在上下文中（最后），这是我的代码：

    /* MOBILE OPTIMISATION */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

    body {
        width: 89%;
        margin: 0;
    }

    .post-entry {
        width: 100%;
    }

    .widgets {
        display: none;
    }

    p.frontpage_jobs {
        width: 100%;
        float: none;
    }

    #blog-wrap {
        width: 100%;
    }

    .post-entry header h1 {
        font-size: 1.5em;
    }

}


/* TABLET OPTIMISATION */

@media screen and (max-width: 800px) {

body {
    width: 89%;
    //float: none;
    margin: 0;
}

.post-entry {
    width: 100%;
}

.widgets {
    display: none;
}

p.frontpage_jobs {
    width: 100%;
    float: none;
}

#blog-wrap {
    width: 100%;
}

.post-entry header h1 {
    font-size: 1.5em;
}
}

@media screen and (max-width: 1200px) {

#main-content {
    width: 1200px;
}

.widgets {
    display: none;
}

}

编辑

---

我的网站是。

您的媒体查询似乎正常。看起来您有溢出问题。删除后条目上的“宽度：850px；”，为主体内容和侧边填充设置的宽度以及“宽度：98%”为我解决了客户端的问题

---

也就是说，如果您正在寻找的是流体大小调整。

您是否有支持移动的正确元视口？我不知道，但我使用的是Thinks WP主题的一个修改版本，它是移动就绪（）并且我以前成功地对移动进行了优化-它以某种方式还原或不应用。我想我又做了一次改变，这一点超越了它。确保你的答案是肯定的，我有一个问题：哪些风格不起作用？一方面，第一组中的“only”会导致旧浏览器忽略这些样式，但我认为没有“only”的样式应该可以工作。工作非常完美。我忘了，我一直在摆弄.post条目和#主内容宽度，试图修复它们。非常感谢。很高兴我能帮忙。享受编码的乐趣！：）