Question

我一直在研究使用Omega子主题的响应式设计。当与上下文和delta模块结合使用时，它看起来非常强大。但是，我很难理解如何在响应式网站中有选择地删除部分页面。当我说删除时，我并不是说隐藏，而是实际上阻止了指定的内容呈现（这样移动浏览器就不必浪费时间下载从未显示过的内容）。

Omega提供了根据浏览器大小（通过使用媒体查询标记）将不同的CSS应用于页面的功能。 Delta和上下文模块用于根据特定条件更改页面元素的排列，甚至删除页面元素。但是，我还没有弄清楚如何将两者结合起来。

例如，是否可以，不仅在不同的浏览器窗口大小上应用不同的CSS，还可以防止某些页面内容同时呈现？

我无法找到任何相关信息。我猜测，因为页面内容在服务器端呈现，而媒体查询在客户端工作，这可能是不可能的。我很想知道是否有人对如何实现这一点有任何想法。

Answer 1

您应该查看Context Breakpoint模块。它允许您根据最终用户浏览器大小，宽高比和分辨率设置上下文条件。

Answer 2

不确定是否适合你，但是当我进行显示时：无 - 一切都消失了，周围的div很好地洗牌：

@include breakpoint($phone){
      .l-header_search {
       display:none;
       } 
}