0

是否有任何 JS 库可以帮助根据尺寸加载不同的 html 文件？我想这将是响应式和自适应的混合体，不确定这是否符合规定。

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

4

4 回答 4

2

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

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

另一个您可能感兴趣的是breakpoints.js，同样，它可以让您编写 jQuery 以在某些断点处执行。

于 2013-05-30T15:27:36.117 回答
1

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

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

http://detectmobilebrowsers.com/

于 2013-05-30T15:28:26.960 回答
1

您是否有理由避免使用纯响应式设计来执行此操作？您可以同时包含手机导航和桌面导航，然后根据浏览器尺寸通过 CSS 隐藏/显示。

于 2013-05-30T15:24:52.577 回答
1

我同意@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
});
于 2013-05-30T15:26:49.950 回答