基于维度的响应式站点加载html

Question

有没有JS库可以帮助加载基于维度的不同html文件？我猜这将是响应性和自适应性的混合体，不确定这是否是合法的。

基本上，我希望网站在手机上显示一个不同的顶级菜单。

Answer 1

我不会和你争论你是如何解决这个问题的，我会说是的，有一些JS库可以帮助你解决这个问题。

在http://css-tricks.com/enquire-js-media-query-callbacks-in-javascript/上有一篇关于enquire.js的好文章。这个可以让你为断点设置回调。

您可能感兴趣的另一个是breakpoints.js，类似地，它允许您编写在某些断点执行的jQuery。

Answer 2

有什么理由让你避免使用纯粹响应式的设计吗？您可以同时包含电话导航和桌面导航，然后根据浏览器尺寸通过CSS隐藏/显示。

Answer 3

我同意@Kolink的评论..

但如果你无论如何都想这样做，我建议你使用enquire.js。

您将能够执行以下操作：

enquire
.register("screen and (max-width:50em)", function() { 
    // Load top menu content 1 via AJAX.
    // Show content menu 1
})
.register("screen and (max-width:40em)", function() {
    // Load top menu content 2 via AJAX.
    // Show content menu 2
});