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

CSSとJSのどちらを選択するかという問題の場合、モバイル設計でどちらが信頼できるでしょうか。

Answer 1

CSSメディアクエリは、すべてのモバイルブラウザでサポートされているわけではありません（ブラウザの互換性–ビューポートを参照）。そのため、別の指標が役立つ可能性があります。

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