RGPD

Tu opción para las cookies de esta página

Utilizamos cookies para personalizar nuestros anuncios y contenidos, medir la eficacia de nuestros anuncios y proporcionar una experiencia más segura. Al navegar por el sitio, aceptas el uso de cookies para recopilar información dentro y fuera de Maiify. Para obtener más información, consulta nuestra Política de cookies o ve a tus preferencias de cookies para configurarlas.

done Tu dirección ha sido guardada
close
error_outline Email inválido
close

Solicita una cita con un consultor

Vamos a hablar de:

- Tus retos de marketing

- Las funcionalidades que necesitas para cumplir tus objetivos

- El nivel de acompañamiento que esperas

Prueba ahora

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


Solicita una cita con un consultor

Vamos a hablar de:

- Tus retos de marketing

- Las funcionalidades que necesitas para cumplir tus objetivos

- El nivel de acompañamiento que esperas

Prueba ahora