빈 미디어 쿼리를 사용하여 matchMedia를 호출하면 IE의 잘못된 인수로 실패합니다.

Question

IE10에서 "잘못된 인수"로 실패한 스 니펫은 다음과 같습니다. Chrome에서 작동하지만 FF로는 작동하지 않습니다. 난 그냥 js 문제를 디버깅하고 건너 왔어. matchMedia에 대한 사전 지식이 없거나 CSS 전문가입니다. 그렇다면 내 무지를 용서해주십시오.

win.matchMedia("") 

Answer 1

방금이 문제가 발생했습니다. 이는 IE10-11에서 모순 된 동작입니다. 내 솔루션은 내 응용 프로그램에서 메소드를 구현하는 것이라고 matchMedia.matches를 호출하기 전에 빈 문자열() ... 상황에 따라 당신은 같은 것을 할 수 있습니다에 대한 첫 번째 검사 :

if(meqia_query === "" || matchMedia.matches(media_query)) { 
    // do your thing 
} 

또는

function myMatchMedia(media_query) { 
    return (meqia_query === "" || matchMedia.matches(media_query)); 
} 

을