@media가 더 이상 작동하지 않는 이유는 무엇입니까?

Question

CSS에 대해 몇 가지 미디어 쿼리가 있습니다. 며칠 전 완벽하게 작동했지만 아무도 아무것도하지 않는 것을 눈치 챘습니다.

내 사이트가 here입니다

/* 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; 
} 

} 

편집 : (끝) 맥락에서 Here they are, 이것은 내 코드입니다.

Answer 1

미디어 쿼리가 작동하는 것으로 보입니다. 오버플로 문제가있는 것 같습니다. '너비 : 850 픽셀;'제거 on. post-entry, body에 # main-content와 side-paddings에 설정된 너비와 "width : 98 %;" 나를 위해 클라이언트 쪽에서 문제를 해결합니다.

즉, 유체 크기를 조정하려는 경우입니다.