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


8

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

回答:



5

はい!やった。

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によってフロート左に設定されているはずですが、必要に応じてオーバーライドすることもできます。

1

同じ問題がありました。問題を解決するためにCSSでコーディングする必要はありません。->オメガはレスポンシブデザインのウェルパネルを処理します。

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

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

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.