2

Omega サブテーマを使用したレスポンシブ デザインを検討しています。context および delta モジュールと組み合わせると、非常に強力に見えます。ただし、レスポンシブ Web サイトでページの一部を選択的に削除する方法がわかりません。削除とは、非表示にすることを意味するのではなく、実際には指定されたコンテンツが表示されないようにすることです (そうすれば、モバイル ブラウザーは表示されないコンテンツをダウンロードする時間を無駄にする必要がなくなります)。

Omega は、ブラウザーのサイズに基づいて (メディア クエリ タグを使用して) 異なる CSS をページに適用する機能を提供します。特定の条件に基づいて、ページ要素の配置を変更したり、ページ要素を削除したりするために使用されるデルタおよびコンテキスト モジュール。しかし、私は2つを組み合わせる方法を考え出すことができませんでした.

たとえば、異なるブラウザー ウィンドウ サイズで異なる CSS を適用するだけでなく、特定のページ コンテンツが同時にレンダリングされないようにすることは可能ですか?

これに関する情報は見つかりませんでした。ページ コンテンツはサーバー側でレンダリングされ、メディア クエリはクライアント側で機能するため、おそらく不可能であると推測しています。どうすればこれを達成できるかについて誰かがアイデアを持っているかどうか知りたいです。

4

2 に答える 2

1

Context Breakpoint モジュールを見てください。エンドユーザーのブラウザ サイズ、縦横比、および解像度に基づいてコンテキスト条件を設定できます。

http://drupal.org/project/context_breakpoint

于 2012-12-06T12:18:32.150 に答える
0

うまくいくかどうかはわかりませんが、display: noneを実行すると、すべてが消え、周囲のdivがうまくシャッフルされます:

@include breakpoint($phone){
      .l-header_search {
       display:none;
       } 
}
于 2015-02-03T16:50:52.197 に答える