CSS 미디어 쿼리가 divs를 숨기거나 표시하지 않는 경우

Question

안녕하세요 저는 CSS로 미디어 쿼리를 처음 접해 보았습니다. 그렇기 때문에 본질적으로 자바 스크립트 대신 CSS를 사용하여 화면 크기가 940 픽셀 미만인 경우 요소를 숨기려고합니다. .

어떤 이유로이 모든 크기의 요소를 숨기고 있습니다. 오타가 있거나 아무것도 찾을 수없는 것 같습니다. 디스플레이가 없어도 작동하지 않습니까?

@media all and (min-width: 940px) { 
#smallDistrictMap 
{ 
    display:none; 
} 
} 

나는 화면 크기는 940px보다 작은 시작하지만 화면이 더 큰 크기로 시작하면되지 ...

도 추가하려고 경우가 작동 눈치 최대 폭

@media all and (max-width: 2000) and (min-width: 940px) { 
#smallDistrictMap 
{ 
    display:none; 
} 
} 

그러나 이것은 어떤 이유로 효과가 없습니다. - 화면이 940px보다 작은 경우 아아 아아

Answer 1

이 요소를 숨기려면 940px이 아니라 MIN 맥스이라고 의미

@media all and (max-width: 940px) { 
#smallDistrictMap 
    { 
     display:none; 
    } 
} 

Answer 2

확인이 최대의 코드를 변경 논리에 오류 ..이었다 있도록 졸탄이 제안한 것처럼 트릭을 펼쳤다.

@media all and (max-width: 940px) { 
    #smallDistrictMap 
    { 
     display:none; 
    } 
}