varias truncar texto tamaño suspensivos puntos para lineas examples estilos con borde bootstrap ajustar css outlook rendering outlook-2007

css - truncar - Problema de representación de Outlook, lo que hace que el texto sea demasiado grande



truncar texto css (5)

Intento crear un estándar de boletín informativo para nuestra organización y tener problemas con Outlook, lo que hace que el texto sea demasiado grande.

Aquí está la sección CSS de la página

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 75%; background: url(http://www.blah.com/stuff.gif); } a { color: #f24c22 !important; } a:visited { color: #f24c22 !important; } a:hover { color: #3d7ac5 !important; } table { background: #ffffff; } h1 { font-size: 1.3em; } h2 { font-size: 1.2em; color: #494949; padding-top: 0 !important; margin-top: 0 !important; } h3 { font-size: 1.1em; color: #12377c; } p { padding-top: 0 !important; margin-top: 0 !important; color:#333333; } .style1 {color: #333333} .style2 {color: #12377c} .style3 { font-size: smaller; color: #666666; }

Alguna sugerencia de por qué esto podría ser causado?


Si desea establecer un tamaño específico para sus fuentes, probablemente debería usar un tipo de tamaño fijo como pt. En lugar de una variable como em /%

Vea aquí para lo que quiero decir.


Muchos lectores de correo quitan la etiqueta "cuerpo" de cualquier correo electrónico recibido, o ignoran los estilos aplicados a este elemento. Intente aplicar el tamaño de fuente a un div que lo encierra.



resumí el tamaño de fuente a más pequeño, que encontré en el visionado estándar para que sea del tamaño equivalente. Reescribir la página en div considerando que es una plantilla básica, referida a las identificaciones de los divs para poder renderizar, funcionó bien. Probado en varias cuentas de correo electrónico, incluyendo gmail, hotmail y renderizado a través de Outlook. Outlook fue la única problemática, donde fallan los enlaces de referencia misma página.


Agregue estas metaetiquetas y encontrará que Word / Outlook "mágicamente" hace que la página (incluidas las imágenes) tenga el tamaño correcto:

<meta name="ProgId" content="Word.Document" /> <meta name="Generator" content="Microsoft Word 12" /> <meta name="Originator" content="Microsoft Word 12" />

No tengo idea de por qué Outlook hace esto, la mayoría de los correos electrónicos corporativos que recibo parecen terribles en Outlook, sin embargo, con estas etiquetas, las que envío parecen impecables.