Demos

demo demo Simple @media queries para efecto Responsive

Características

  • Funcionamiento básico de la regla @media de CSS3 usando:
    • media types (tipos de medios)
    • media features (características de medios)
  • Cambia de tamaño la ventana de tu navegador para ver el efecto responsive en la demo.

Esta demo son en realidad dos:

  • Simple @media queries: incluye unas cajas con el código css utilizado para el cambio de color.
  • More simple @media queries: solo realiza el efecto de cambio de color.

Cambiar la versión de la demo


See the Pen Simple @media queries de Josetxu (@josetxu) en CodePen.

ver tutorial en el blog