Mediaqueries가 작동하지 않습니까? 반응 형 웹

Question

다른 장치 크기에 대해 서로 다른 미디어 쿼리를 사용하여 웹 사이트를 만들려고합니다. 다른 뷰포트의 media-queries.css 파일에 미디어 쿼리를 추가 할 때 브라우저가 하나만 읽습니다.

최근에 최대 너비 1500 픽셀의 미디어 쿼리가 추가되었지만 최대 980 픽셀의 미디어 쿼리가 작동하지 않습니다.

다음은 CSS입니다. 저를 도울 수있는 사람은 누구입니까?

/************************************************************************************ 
smaller than 980 
*************************************************************************************/ 

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

    .slider-container { 
     width:        100%; 
     height:        100px; 
     background-color:     white; 
     overflow:       hidden; 
     -moz-border-radius:     20px; 
     border-radius:      20px; 
    } 

    .wrapper .slider-container #slideshow { 
     position:       relative; 
     width:        100%; 
     height:        300px; 
    } 

    .wrapper .slider-container #slideshow > div { 
     position:       absolute; 
    } 

    .wrapper .slider-container #slideshow > div img { 
     border:        20px solid #00e800; 
     height:        100%; 
    } 

} 

/************************************************************************************ 
smaller than 1500 
*************************************************************************************/ 

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

    .slider-container { 
     width:        100%; 
     height:        400px; 
     background-color:     white; 
     overflow:       hidden; 
     -moz-border-radius:     20px; 
     border-radius:      20px; 
    } 

    .wrapper .slider-container #slideshow { 
     position:       relative; 
     width:        100%; 
     height:        400px; 
    } 

    .wrapper .slider-container #slideshow > div { 
     position:       absolute; 
    } 

    .wrapper .slider-container #slideshow > div img { 
     border:        15px solid #f3f70a; 
     height:        100%; 
    } 

} 

Answer 1

더 큰 최대 폭에 min-width 구성 요소를 추가

@media screen and (min-width:981px) and (max-width: 1500px) { 

이것은 두 가지 선택을 분리 할 수있는 시스템을 말해야한다, < 980도 항상 < 1500