Blog Mailify: Mailing a tu medida

Consejos para el envío de tu newsletter, actualidades de nuestro producto y todo sobre email marketing.

Mailing responsivo: ¿Qué es un ‘media query’?

Únete a centenares de expertos del email marketing. Apúntate a la newsletter de Mailify:

Los ‘medias queries’ son una de las bases del responsive design, que permite adaptar su plantilla de newsletter a todos los dispositivos.

Sin embargo, cuidado: en el caso del emailing, no siempre funciona, porque no los soportan todos los buzones.

 

CSS3 Responsive Design con Sarbacán

¿Qué es un ‘media query’?

Un ‘media query’ es un elemento de código que permite adaptar el diseño de una plantilla (de boletín, pero también de cualquier página web). Es, concretamente una condición aplicada al estilo, gracias a CSS3. Permite, por ejemplo, adaptar el tamaño de una fuente o pedir que no aparezca una imagen o un contenido cualquiera según el tamaño de la pantalla del dispositivo.

Ejemplo de código

1
2
3
4
5
6
7
8
9
10
11
<!-- Media Query CSS en enlace -->
<link rel="stylesheet" media="(max-width: 800px)" href="ejemplo.css" />
_
<!-- Media Query CSS en una hoja de estilo -->
<style>
@media (max-width: 650px) {
  .facet_sidebar {
    display: none;
  }
}
</style>

 

Este tipo de código es muy cómodo para realizar diseño adaptivo de plantillas. Sin embargo no es compatible con todos los buzones a día de hoy, por lo que su uso para envíos de mailings resulta complicado. Hace falta tenerlo en cuenta al momento de realizar un código HTML para plantillas de newsletter.

 

Ver también: ¿Funcionan los ‘media queries’ en Android?

 

Sin comentarios

Deja un comentario