Possiamo usare i pannelli per il web design Responsive?


8

Vorrei creare un nuovo sito usando un design reattivo usando il tema Omega. I moduli panel sono adatti per un design reattivo o dovrei usare qualcos'altro (come il modulo Context)? Grazie

Risposte:



5

Sì! L'ho appena fatto.

Supponendo 2 colonne e varianti, potrebbe essere necessario di più per altri layout:

  1. Nella risoluzione minima @media query CSS ho appena impostato '.panels-col-first' e '.panels-col-last' su { width: 99.9%; clear: both }.
  2. Nei layout a risoluzione più elevata, quando si desidera che torni al layout a 2 colori, annullare l'override { width: 49.9%; clear: none }

Appunti:

  • le larghezze% devono aggiungere a MENO del 100% se si desidera supportare IE 6 e 7 in quanto presentano errori di arrotondamento. Puoi sempre farlo nel tuo ie.css speciale se ne hai uno e hai davvero bisogno di quello 0,2% indietro!
  • Queste classi dovrebbero già essere impostate su float lasciato dal CSS principale di Panels, ma puoi sovrascriverle anche se necessario.

1

Ho avuto lo stesso problema. Non è necessario codificare in CSS per risolvere il problema. -> Omega gestisce bene i pannelli in un design reattivo.

"Omega viene fornito con una manciata di layout di pannelli per impostazione predefinita. Se abiliti i pannelli sul tuo sito con anche il tema Omega abilitato e vai ad aggiungere un nuovo pannello vedrai Omega: 12, (o 16 o 24) Griglia a colonne elencata . Scegli uno di quelli, quindi scegli un layout. Sono imbarazzato da quanto sia stato facile e non l'ho mai nemmeno saputo! "

Ho trovato la soluzione in questa pagina, secondo commento http://www.kendallsdesign.com/blog/omega-theme-responsive-design-resources

A proposito, ci sono materiali davvero buoni.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.