Head.js 화면 크기 대 CSS3 @ 미디어 쿼리 - 왜 전?

Question

CSS3 미디어 쿼리보다 Head.js 화면 크기 감지 기능을 사용하는 데있어 어떤 이점이 있습니까?

Head.js 화면 크기 감지

.lt-1024 #hero { background-image:(medium.jpg); } 

CSS3의 @media 쿼리

@media only screen and (max-width: 1024px) { 
    #hero { background-image:(medium.jpg); } 
} 

이 하나가 모바일 더 신뢰할 JS 선택, 대 CSS의 문제가 있다면 디자인?

Answer 1

CSS 미디어 쿼리는 일부 모바일 브라우저에서 지원되지 않습니다 (Browser compatibility – viewports 참조). 그것이 다른 지표를 갖는 데 도움이되는 이유입니다.

하지만 모바일 웹 사이트뿐만 아니라 데스크톱 웹 브라우저의 웹 사이트에도 사용할 수 있습니다.