Head.jsの画面サイズとCSS3 @mediaのクエリ - 前者はなぜですか？

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); } 
} 

それはちょうど1モバイルのためのより信頼できるJSの選択、対CSSの問題だ場合設計？

Answer 1

CSSメディアクエリは、すべてのモバイルブラウザでサポートされていません（Browser compatibility – viewportsを参照）。だからこそ、それは別の指標を持つのに役立ちます。

ただし、モバイルウェブサイトだけでなく、デスクトップウェブブラウザのウェブサイトにも使用できます。