Podemos usar painéis para web design responsivo?

8

Eu gostaria de criar um novo site usando design responsivo usando o tema Omega. Os módulos de painéis são adequados para o design responsivo ou devo usar outra coisa (como o módulo Context)? obrigado

panels theming sokratis
fonte

Respostas:

5

Sim! Eu acabei de fazer isso.

Supondo 2 col e variantes - você pode precisar de mais para outros layouts:

  1. Na CSS de consulta @media de menor resolução, apenas defino '.panels-col-first' e '.panels-col-last' como { width: 99.9%; clear: both }.
  2. Em layouts de resolução mais alta, quando você deseja voltar ao layout de duas colunas, basta desfazer a substituição { width: 49.9%; clear: none }

Notas:

  • as% larguras devem somar MENOS que 100% se você deseja oferecer suporte ao IE 6 e 7, pois eles têm erros de arredondamento. Você sempre pode fazer isso no seu ie.css especial se tiver um e realmente precisar desses 0,2% de volta!
  • Essas classes já devem estar definidas para flutuar deixadas pelo CSS principal do Panels, mas você também pode substituí-lo, se necessário.
Jim Kirkpatrick
fonte
1

Eu tive o mesmo problema. Não é necessário codificar em css para resolver o problema. -> Omega manipula painéis de poço em design responsivo.

"O Omega vem com um punhado de layouts de painéis por padrão. Se você ativar Painéis no seu site com o tema Omega também ativado, e você adicionar um novo painel, verá o Omega: Grade de Colunas de 12, (ou 16 ou 24) listado . Escolha um desses e, em seguida, escolha um layout. Estou envergonhado com o quão fácil foi e nunca soube! "

Encontrei a solução nesta página, segundo comentário http://www.kendallsdesign.com/blog/omega-theme-responsive-design-resources

A propósito, há realmente bons materiais.

Ximizu Huynh
fonte