Question

是否有任何JS库可以帮助根据维度加载不同的html文件？我想这将是响应和自适应的混合，不确定这是否是犹太洁食。

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

Answer 1

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

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

您可能感兴趣的另一个是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
});

Answer 4

理想情况是只加载HTML并通过响应式设计更改应用于它的CSS规则。

如果您想拥有不同的HTML版本，那么如果请求来自移动浏览器，您应该重定向到另一个URL。根据您的平台，查看以下具有不同配方的链接：

http://detectmobilebrowsers.com/

响应式站点 - 根据维度加载html

4 个答案: