drupal - 如何在 Drupal 7 Omega 子主题中根据浏览器大小删除页面元素

Question

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

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

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

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

score 1 · Accepted Answer

你应该看看上下文断点模块。它允许您根据最终用户的浏览器大小、纵横比和分辨率设置上下文条件。

score 0 · Accepted Answer

不确定是否适合你，但是当我做一个 display: none - 一切都消失了，周围的 div 很好地洗牌：

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

2 回答 2