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/

  • Cómo tener varias pantallas en html y deslizar estas pantallas
  • Hacer el botón de llamada telefónica en la página Web de Android
  • Función javascript de llamada de una actividad de Android
  • Android: Html TextView - ¿es posible?
  • Cómo ocultar la barra de direcciones de una página web en android?
  • Descodificación androide html
  • ¿Cómo implementar onclick en javascript y html para dispositivos con versiones inferiores de android?
  • ¿Hay de todos modos para abrir una URL de facebook en la aplicación de Facebook de un teléfono?
  • El enfoque no funciona en android
  • ¿Cómo puedo pasar un valor de una página HTML a otra usando JavaScript?
  • ¿Cómo aplicar span de fila en tablelayout?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.