无法使用媒体查询覆盖所有元素样式的默认css

Question

我正在努力使一个网站响应。问题是一些元素用媒体查询调整，而其他元素保持其原生风格......

我尝试了不同的css文件，但没有区别.. 它让我疯狂了2天，所以如果有人知道plz帮助会发生什么。

.wrapper { 
    width:1200px; height:800px; 
    margin: 0 auto; 
    clear:both;
}
.image img {
    width:1200px;
    height:570px;
}

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

    .image img {        /* this works*/
        width:240px; 
        height:100px;
    } 
    .wrapper{            /*this doesn't*/
        width:240px;  
    } 
}