Head.js屏幕大小与CSS3 @media查询 - 为什么前者？

Question

使用Head.js屏幕尺寸检测优于CSS3媒体查询的优势是什么？

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浏览器的网站。