IE 10 로딩 잘못된 미디어

Question

왜 미디어 쿼리는 아래의 홈페이지에서만 인터넷에서 익스플로러 10을 작은 크기의 텍스트를로드하는 쿼리를 다음과 같이

http://www.jussbuss.tv/testing/kpat

미디어 쿼리입니다

@media only screen and (min-width:320px) { 
    #masthead_home a.logoa_home { 
     font-size:1.0em; 
    } 
    #masthead_home a.logob_home { 
     font-size:0.5em; 
    } 

@media only screen and (min-width:480px) { 
    #masthead_home a.logoa_home { 
     font-size:2.0em; 
    } 
    #masthead_home a.logob_home { 
     font-size:1.0em; 
    } 
} 

@media only screen and (min-width:768px) { 
    #masthead_home a.logoa_home { 
     font-size:4.0em; 
    } 
    #masthead_home a.logob_home { 
     font-size:2em; 
    } 
} 

@media only screen and (min-width:1024px) { 
    #masthead_home a.logoa_home { 
     font-size:5.0em; 
    } 
    #masthead_home a.logob_home { 
     font-size:3.0em; 
    } 
} 

@media only screen and (min-width:1140px) { 
    #masthead_home a.logoa_home { 
     font-size:8.0em; 
    } 
    #masthead_home a.logob_home { 
     font-size:4em; 
    } 
} 

@media only screen and (min-width:1280px) { 
    #masthead_home a.logoa_home { 
     font-size:10.0em; 
    } 
    #masthead_home a.logob_home { 
     font-size:5.0em; 
    } 
} 

@media only screen and (-webkit-min-device-pixel-ratio:1.5), 
     only screen and (min-resolution:144dpi) { 
    #masthead_home a.logoa_home { 
     font-size:10.0em; 
    } 
    #masthead_home a.logob_home { 
     font-size:5.0em; 
    } 
} 

Answer 1

첫 번째 미디어 규칙에 대해 마감일이 누락되었습니다 (}). 이로 인해 다음 미디어 규칙이 중첩 된 것으로 처리되어 IE10에서 지원되지 않으므로 다른 미디어 규칙이 적용되어 첫 번째 규칙 만 적용됩니다.

올바른 형식을 사용하는 데 익숙해 져야합니다. 그런 다음 오류를 발견하는 것이 훨씬 쉽습니다. 또한 구문 유효성 검사를 지원하는 적절한 IDE를 사용하는 것도 좋은 생각입니다. 그런 식으로 오류가 빠져 나가는 것은 거의 불가능합니다.