自适应设计我的媒体查询不起作用？

Question

我正在尝试将我的网站变成一个自适应网站，但我的媒体查询似乎并没有起作用。我不确定我做了什么或为什么它不起作用。任何帮助都会很棒。

#logo {
    float: left;
    margin: -31px 10px 5px 145px;
}

#left {
     width: 47%;
     float: left;
}

#rightarticle {
width: 48%;
float: right;
}



@media screen and (max-width: 670px) {
    #logo {
    margin: -31px 10px 5px 145px;
    }

    #left {
       width: 47%;
float: left;
    }

    #rightarticle {
    width: 100%;
    }
}