tipo - Problema al detener el iPhone para cambiar el tamaño de los correos electrónicos HTML
tamaño letra iphone (5)
El iPhone parece ser un problema cuando se trata de cambiar el tamaño de las cosas, especialmente cuando cambias la orientación del teléfono. ¿Has intentado agregar la metaetiqueta con la configuración de la ventana gráfica?
<meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
Evita que se acerquen, pero no he encontrado una mejor manera de evitar que el iPhone se enfoque en el cambio de orientación. No estoy seguro de si esto ayudará en esta situación, pero solo una sugerencia para probar.
Tengo un problema al intentar evitar que el iPhone cambie el tamaño de los correos electrónicos HTML para que se ajusten a la pantalla. Parece que el código de abajo cuando se pone en la sección no tiene efecto.
Mi objetivo es simplemente detener el cambio de tamaño de la fuente. He intentado otras variaciones usando -webkit-text-size-adjust: none; En línea y de otra manera, todo sin éxito.
Apreciaría cualquier consejo o una solución alternativa.
Pantalla de @media y (ancho de dispositivo máximo: 480 px) {
/*fixes too big font in mobile Safari*/ html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; } } </style>
Lo que estás haciendo es correcto, pero el problema es que en lugar de usar -webkit-text-size-adjust:none; Dentro de una etiqueta de estilo, debe usarla de la siguiente manera:
<body style="-webkit-text-size-adjust:none;">
Esto significa que debe usar esto como una propiedad css en línea.
Me quedé atascado con este problema y no hay ninguna solución disponible en la red que funcione. No hasta que me di cuenta de lo que está causando esto.
CAUSA: este problema ocurre si tienes una imagen con el correo electrónico. Cuando la imagen se escala automáticamente, toda la página de correo electrónico se ajustará automáticamente en la ventana.
SOLUCIÓN: Agregue un estilo en línea para la imagen de ancho mínimo (300 px para que no tome todo el ancho del iPhone de 320 píxeles), ancho máximo (su máximo deseado con) y ancho del 100% .
es decir, imagen src = "image.jpg" style = "width: 100%; min-width: 300px; max-width: 500px;"
Trabajó para mí, ... ¡espero que esto pueda ayudarte también! ;-)
Para deshacerte de ese problema, debes poner lo siguiente en tu etiqueta de cuerpo de CSS:
-webkit-text-size-adjust: 100%;
De esta manera, Safari mantiene el texto al 100% del tamaño deseado. En caso de que establezca el valor en ninguno, los usuarios no podrán aumentar la fuente y esto es un comportamiento no deseado.
Esta propiedad CSS es compatible y debería funcionar.
Compruebe la referencia de CSS oficial compatible con Safari:
Además, tenga en cuenta que la pantalla de tipo de medios es compatible con:
- Safari 4.0 y versiones posteriores.
- iOS 1.0 y versiones posteriores.
Espero que esto ayude.
BR
Tolis
Un iPhone de retina tiene un ancho de 640px, su consulta de medios se detiene en 480px.
De todos modos, puede deshacerse de la consulta de medios por completo. El único cliente de correo basado en webkit que usará esta propiedad ( -webkit-text-size-adjust:none ) es la aplicación de correo de iPhone y iPad.
Además, la aplicación Mail también puede ser el único cliente compatible con CSS3.