Head.js屏幕大小vs 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 VS JS選擇，其中之一是移動更值得信賴的事設計？

Answer 1

所有移動瀏覽器都不支持CSS媒體查詢（請參閱Browser compatibility – viewports）。這就是爲什麼它可以幫助有另一個指標。

但是，您不僅可以將其用於移動網站，還可以用於桌面Web瀏覽器的網站。