Eliminar el relleno de Android predeterminado de correos electrónicos HTML

Tengo una disposición responsiva del email donde algunos elementos estiran el ancho entero del viewport, lo que puede ser.

En Android (correo nativo y aplicación de Gmail en 4.4 al menos) Parece que hay un relleno de ~ 10px en ambos lados. ¿Hay alguna propiedad o truco para negar esto?

(Siento que esta pregunta debería haberse preguntado en algún lugar ya, pero las búsquedas proporcionan sólo problemas de margen de correo electrónico HTML no relacionados, así que si es un duplicado).

Intentó

Cancelar el margen del cuerpo. Esto afectó el diseño pero no solucionó el problema. El resultado del siguiente código simplemente eliminó el relleno a la izquierda pero duplicó el relleno a la derecha en la aplicación nativa.

html, body{ padding:0 !important; margin:0 !important; width:100% !important; } div[style*="margin: 16px 0"] { margin:0 !important; font-size:100% !important; width:100% !important; } 

No hay cambios en la aplicación de Gmail.

Más información

Parece que el cuerpo permanece el mismo ancho en el visor independientemente de la configuración de ancho. Si establece el ancho en 1000px, el correo electrónico se contrae para encajar en el área con el margen de cada lado. El margen puede ser cancelado usando el margen: 0 en el cuerpo pero el cuerpo permanece del mismo tamaño, dando por resultado el espacio adicional que aparece en la derecha.

Creo que el cliente está programando cambiar el tamaño del correo electrónico para encajar en un ancho dado. La única manera alrededor de esto es probable que de alguna manera "engañar" al cliente. Nada parece haber funcionado todavía …

El problema es simplemente márgenes, el cliente de correo electrónico de Android 4.4 está aplicando un valor de margen en todos los lados (pero no es realmente visible en el lado derecho), por lo que incluso antes de su mensaje de correo electrónico se procesa, su desordenado con viewport general ya.

Puede normalizarlo, a través del bloque inferior.

 body { margin:0 !important; } div[style*="margin: 16px 0"] { margin:0 !important; font-size:100% !important; } 

https://blog.jmwhite.co.uk/2015/09/19/revealing-why-emails-appear-off-centre-in-android-4-4-kitkat/

  • Campo de entrada oculto cuando el teclado virtual aparece en la pantalla
  • Prestación de HTML en un WebView con CSS personalizado
  • Evitar que el navegador de Android cambie de escala en rotación sin establecer la densidad de destino-dpi en dispositivo-dpi
  • Cómo obtener la url de streaming de la emisora ​​de radio en línea
  • Cómo cambiar el tamaño de un elemento de Java Script para que se ajuste a su ventana de contenedor
  • Desplazamiento automático hacia la vista de la entrada de enfoque
  • FEN (notación de ajedrez) al generador de HTML? Java de código abierto
  • Inicie WhatsApp desde URL HREF con texto / contenido personalizado
  • ¿Cómo puedo eliminar el fondo blanco de una vista web?
  • Eliminar saltos de línea adicionales después de Html.fromHtml ()
  • ¿Cómo puedo leer las pausas en el texto descargado?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.