Question

我正在建立一个移动优先的方法网站，并决定有条件地加载内容的最佳技术。

技术1

此技术使用enquire.js

以及以下代码......

enquire
  .register("(min-width: 500px)", {
     match: function() {
        $("#page").load("content.html");
     }
  })
  .listen();

此解决方案依赖于jQuery和Enquire.js。当页面向上调整大小时，新内容会自动下载，当向下调整大小时，加载的内容仍然存在，并且可以通过display：none删除，尽管代码一旦加载就会保留在DOM中。

技术2

这是第二个technique

我使用警报而不是实际内容

完成了第二种技术here的编写码

这是基于CSS媒体查询，并且似乎比第一种技术快得多，并在断点处交换内容。调整大小后，DOM中没有任何代码，只有该视口的代码。

我倾向于采用技术2，但我不确定这是否是最好的技术。您会选择哪个以及为什么？

Answer 1

CSS媒体查询是要走的路（我总是将它们与twitter bootstrap一起使用），但是如果你需要IE9以下的支持，我宁愿推荐enquire.js解决方案