¿Hay un equivalente de ancho máximo CSS que funciona en correos electrónicos HTML? (Respuesta: sí)
Sí, hay una manera de emular el max-width usando una tabla, dándoles así un diseño sensible y amigable con Outlook. Además, esta solución no requiere comentarios condicionales.
Supongamos que desea el equivalente de un div centrado con el máximo ancho de 350 px. Creas una mesa, fijas el ancho al 100%. La mesa tiene tres células seguidas. Establecer la anchura del centro TD a 350 (utilizando el atributo de ancho HTML, no CSS), y allí usted va.
Si quieres tu contenido alineado a la izquierda en lugar de centrado, deja fuera la primera célula vacía.
Ejemplo:
Identificable frontera="0" celdaspacing="0" ancho="100%" Identificador > > anchura obtenida="350" El ancho de esta célula debe ser un máximo 350 píxeles, pero encogiéndose a anchos menos de 350 píxeles. Identificado/td > > ■/tr título ■/table
En el jsfiddle doy a la mesa una frontera para que puedas ver lo que está pasando, pero obviamente no querrías uno en la vida real: http://jsfiddle.net/YcwM7/ .
Please log in to post comments:
Login with Google