web-dev-qa-db-ja.com

レスポンシブWebデザインにパネルを使用できますか?

オメガをテーマにしたレスポンシブデザインで新しいサイトを作りたいです。パネルモジュールはレスポンシブデザインに適していますか、それとも(Contextモジュールなど)別のものを使用する必要がありますか?ありがとう

8
sokratis

パネルでレスポンシブデザインを実行する2つの新しい方法には、 Adaptivetheme 3.xPanoply の分布があります。

6
Patrick Kenny

はい!やった。

2列とバリアントを想定-他のレイアウトではさらに必要になる場合があります:

  1. 最も低い解像度の@mediaクエリCSSでは、「。panels-col-first」と「.panels-col-last」を{ width: 99.9%; clear: both }に設定するだけです。
  2. より高い解像度のレイアウトで、2列のレイアウトに戻したい場合は、オーバーライドを元に戻します{ width: 49.9%; clear: none }

ノート:

  • IE 6および7に丸めエラーがあるため、幅の合計は100%未満になる必要があります。特別なie.cssでこれを行うことができます0.2%の還元が本当に必要です!
  • これらのクラスはメインパネルCSSによってフロート左に設定されているはずですが、必要に応じてオーバーライドすることもできます。
5
Jim Kirkpatrick

同じ問題がありました。問題を解決するためにCSSでコーディングする必要はありません。 -> Omegaは、応答性の高いデザインのウェルパネルを扱います。

「Omegaには、デフォルトで少数のパネルレイアウトが付属しています。Omegaテーマも有効にしてサイトでPanelを有効にし、新しいパネルを追加すると、Omegaが表示されます:12(または16または24)列グリッドが一覧表示されます。それらの1つを選択してから、レイアウトを選択します。それがいかに簡単であるかが恥ずかしく、私も知りませんでした!」

このページで解決策を見つけました、2番目のコメント http://www.kendallsdesign.com/blog/omega-theme-responsive-design-resources

ちなみに、本当に良い素材があります。

1
Ximizu Huynh