¿Podemos usar paneles para diseño web receptivo?


8

Me gustaría hacer un nuevo sitio usando un diseño receptivo usando el tema Omega. ¿Los módulos de paneles son adecuados para un diseño receptivo o debería usar algo más (como el módulo Context)? Gracias

Respuestas:



5

¡Si! Solo lo hice.

Suponiendo 2 col y variantes: es posible que necesite más para otros diseños:

  1. En el CSS de consulta @media de resolución más baja, simplemente configuré '.panels-col-first' y '.panels-col-last' en { width: 99.9%; clear: both }.
  2. En diseños de mayor resolución, cuando desee que regrese al diseño de 2 col simplemente deshaga la anulación { width: 49.9%; clear: none }

Notas:

  • el% de ancho debe sumar MENOS de 100% si desea admitir IE 6 y 7, ya que tienen errores de redondeo. ¡Siempre puede hacer esto en su especial ie.css si tiene uno y realmente necesita ese 0.2% de vuelta!
  • Estas clases ya deberían estar configuradas para flotar dejadas por el CSS de los paneles principales, pero también puede anularlas si es necesario.

1

Tuve el mismo problema. No es necesario codificar en CSS para resolver el problema. -> Omega maneja bien los paneles en un diseño receptivo.

"Omega viene con un puñado de diseños de paneles por defecto. Si habilita los paneles en su sitio con el tema Omega también habilitado, y va a agregar un nuevo panel, verá Omega: 12, (o 16 o 24) Lista de columnas en la lista . Elija uno de esos, luego elija un diseño. ¡Me da vergüenza lo fácil que fue, y nunca lo supe! "

Encontré la solución en esta página, segundo comentario http://www.kendallsdesign.com/blog/omega-theme-responsive-design-resources

Por cierto, hay muy buenos materiales.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.