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?
- ¿Hay alguna otra forma de mostrar código Html en Android TextView sin utilizar webview y Html.fromHtml () método?
- Unknown Chromium Error -6 al cargar imágenes locales en Android Webview
- Ejecutar aplicación de teléfono en el dispositivo Android
- ¿Cómo comprobar si WebView está completamente procesado y listo para funcionar?
- Obtener el código HTML de WebView cargado
(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 …
- Utilizar Linkify.addLinks combinar con Html.fromHtml
- Android: ¿Es posible y cómo cambiar el tamaño de letra de una página HTML que se muestra en un WebView?
- Cuál es el fondo de diseño predeterminado
- Soporte de iframe en móviles
- Diferentes diseños de cuadrícula para retrato y paisaje en bootstrap
- Problemas al utilizar extensiones en tel: hipervínculos en Android 4
- Androide. Las extensiones de texto desaparecen en la prensa de retroceso y actúan de forma extraña en general
- El navegador Android estira la imagen
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