IE9는 같은 스타일 시트에서 * 일부 * 미디어 쿼리를 무시합니다.

Question

응답 성있는 사이트를 여기에 있습니다 : http://wnmu.edu IE9를 제외한 다른 모든 최신 브라우저에서 모든 것이 잘 작동하는 것 같습니다.

같은 스타일 시트에 있어도 @media 쿼리가 인식되고있는 것처럼 보입니다. 이 스크린 샷에서보세요 :

메뉴 "WNMU, 재학생 소개를 ..."원래 미만 480 픽셀 화면에 숨겨져있는, 볼 수 있습니다. 그러나 햄버거 메뉴는 계속 표시됩니다. 내 CSS 코드는 매우 단순 해 보입니다.

@media only screen and (min-width: 784px){ 
    .banner #responsive_menu_toggles { 
     display: none; 
    } 
} 

능력 기능이 꺼져 있습니다.

감사합니다.

Answer 1

와우 위해 구글을 검색하여이를 발견했다. 그냥 알아 냈어. IE9는 "4094 규칙"한도를 가지고 있다고 생각합니다. 그래서 나는 css 파일을 깨뜨 렸고 모든 것이 좋다! 나는 왜 내가 왜 많은 규칙을 가지고 있는지 확실히 알 것이다.

안도의 한숨.

Answer 2

이전에 한 번 이런 질문을 한 것 같습니다. CSS media query not working in IE 9

기본적으로 인라인 CSS3 -

Media query not working in IE9

그냥 경우에 사람이 위의 이 대답은 여기에 대한 답변의 핵심 문제를 해결하지 않는,이에 대한 답변을 위해 SO 크롤링 미디어 쿼리는 IE9에서 작동하지만 사용자는 호환 모드 -

<meta http-equiv="X-UA-Compatible" content="IE=9"> 

을 비활성화해야합니다.

위의 메타 태그는 다른 메타 태그보다 앞에 을 배치해야합니다. 그렇지 않으면 IE9가 호환 모드로 기본 설정되어 이후에 작동하지 않습니다. 당신은 호기심이 있다면

나는 ie9 @media css issues