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?
- Android recibe texto de html
- Android autofit mode causando problemas con el ancho css en la página web
- Evitar el reflujo de documentos / el tamaño del navegador cuando se abre el teclado de Android
- Implementación de la paginación en formato de libro HTML
- ¿Cómo puedo guardar una página web completa mostrada en WebView de Android?
(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 …
- Android: muestra .mht o .mhtml en la vista Web en la aplicación
- Javascript máximo altura de la vista tras la orientación cambiar Android y iOS
- Utilice jsoup para extraer texto de la clase 'form' con datos de página variable
- Esquema de URL personalizado de Instagram para Android
- Envoltura de HTML en una aplicación para Android
- Cuando invoco una función Java desde mi código Javascript, WebView se bloquea. ¿Por qué?
- Cómo detener el desplazamiento interno de WebView en Android?
- Cómo convertir HTML <tabla> en un arreglo 2D
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/
- Android cómo proteger contenido en el directorio de documentos
- No se puede iniciar el servicio com.google.android.gms.analytics.AnalyticsService@3399b37 con null