너비가 1392 픽셀 미만인 경우 미디어 쿼리 (최소 너비 : 1392 픽셀)가 적용되는 이유는 무엇입니까?

Question

나는 다음과 같은 코드를 사용하고있는 style.css 파일의 마지막 라인에서 라이브 웹 사이트 http://adminwp.gameszeit.de/ 일하고

:

@media (min-width: 720px) { 
    .pstgms > li { 
     width: 147.6px ; 

    } 
} 
@media (min-width: 1392px) { 
    .pstgms > li { 
     width: 152.8px; 

    } 
} 

을 나는 화면 크기 작은 것보다 1392px에 .pstgms > li 요소를 검사 열고 이제 WHN, 쿼리 내에서 (min-width: 1392px)이 아직 적용 중입니다. 개발자 도구를 열어 직접 확인할 수 있습니다. 내 질문은

(min-width : 1392px)의 미디어 쿼리는 1392px 미만의 너비로 어떻게 적용될 수 있습니까?

다음은 미디어 너비 1280 픽셀의 스크린 샷입니다. 당신은 적당한 크기에 파란색 동그라미 쿼리가 우선합니다 볼 수 있습니다 (최소 폭 : 1392px)

Answer 1

@media only screen and(min-width: 720px) { 
    .pstgms > li { 
     width: 147.6px ; 

    } 
} 
@media only screen and(min-width: 1392px) { 
    .pstgms > li { 
     width: 152.8px; 

    } 
} 

만 MEDIA_TYPE : @media가 적절한 사양을 정의하지 않습니다. 그래서 당신은 media_type을 사용합니다 : media_type : @media all | 청각 | 점자 | 핸드 헬드 | 인쇄 | 투영 | 화면 | tty | 텔레비젼 | 엠보싱

Answer 2

잘 모르겠지만 (내가 크롬을 사용하고 있기 때문에),하지만 devtools 스크린 샷을 보면 '미디어'가 '@'뒤에 누락되거나 제거 된 것으로 보입니다. FF에서 정상적인 동작입니까?