Home » Blog » El primer enfoque positivo de Gmail hacia la compatibilidad con CSS

El primer enfoque positivo de Gmail hacia la compatibilidad con CSS

Un programador de correo electrónico no le teme a nada… ojalá no existieran los problemas de renderizado de Gmail y

Outlook. Ocultar contenido en Gmail no era fácil antes, a diferencia de otros clientes de correo electrónico. Dado que la

mayoría de los correos electrónicos se abrían en dispositivos móviles, los programadores se enfrentaban frecuentemente

al dilema de sacrificar el contenido para el diseño móvil o mostrarlo solo en dispositivos móviles y no en computadoras de escritorio.

Valientes esfuerzos para que Gmail oculte el contenido

Ocultar y mostrar contenido diferente en dispositivos móviles era un problema para los desarrolladores de correo

electrónico en el caso de Gmail (para escritorio y móvil). Todos ellos son conscientes de la dificultad que supone ocultar

contenido en Gmail, ya que la propiedad CSS “display:none;” Base de datos de números de WhatsApp no era compatible con Gmail para escritorio.

Los programadores adoptaron métodos para solucionar el problema de ocultar contenido en un diseño y hacerlo visible

en el otro. Una solución eficaz fue asignar una altura de 0 a un div, lo que ocultaba el contenido en la aplicación de Gmail. Curiosamente, algunos blogs estaban dispuestos a ayudarte, pero la frustración era evidente.

Todo gracias a una gran revelación, ya no es necesario.

Gmail no jugaba al “Escondite”… ¡¡¡Hasta ahora!!!

El 29 de agosto de 2016, los usuarios de Uplers realizaron algunas pruebas en Gmail y notaron que Gmail ahora comenzó a admitir la propiedad CSS ‘display:none;’.

Así es….

¡Gmail ahora permite ocultar contenido usando ‘display:none’ tanto en el cliente de escritorio como en el móvil!

Esta es una gran revolución en el desarrollo del correo electrónico. Gracias a la compatibilidad con ‘display:none’,

podemos planificar el envío de correos electrónicos interactivos Consulta nuestra guía sobre el uso de redes con una

alternativa adecuada para Gmail (Gmail aún no es compatible con el correo electrónico interactivo, pero los usuarios de Uplers tienen los dedos cruzados).

Pero

Como dice el refrán ” Un gran poder conlleva una gran responsabilidad “, la compatibilidad con “display:none” en la app

de Gmail también presenta ciertos desafíos que deben abordarse. Todo lo que deba ocultarse del cliente de escritorio de Gmail, pero que sea visible en la app, también se ocultará en la app.

Por ejemplo, el uso de “div” con ” ” para mostrar el escritorio en la Números de Filipinas aplicación de Gmail. Dado que la

propiedad display:none ahora es compatible con la aplicación de Gmail, este “nbsp” en el div estaría oculto y, por lo tanto, el diseño se vería afectado.

Solución alternativa :

Aplicar una clase en CSS con la propiedad display:none. De esta forma, la inserción en línea no funcionará y, por lo tanto,

el contenido destinado a la aplicación de Gmail se impondrá en el diseño móvil de Gmail, mientras que el resto permanecerá oculto.

Para obtener más información sobre el uso de CSS compatibilidad con en línea en sus correos electrónicos, siga nuestro blog .

Nos alegra ver que Google ofrece un poco de ayuda a nuestros desarrolladores de correo electrónico. Comparte tu satisfacción en los comentarios.

Scroll to Top