Stai preparando la tua email campaign e finalmente sei alla fase di test. Hai preparato un'email responsive dal layout accattivante e ora fai il test con Outlook. Cosa succede? La mia email ha un body largo il 100% del mio schermo (anche su desktop) e non è quello che voglio. Di seguito il trick per forzare il max-width su Outlook.
Problema: Outlook non supporta la proprietà CSS max-width!
Risultato: la tua email responsive viene visulizzata a larghezza 100% anche su schermi molto larghi. Un disastro!
Soluzione: ecco di seguito il trick che ti permetterà di forzare il max-width anche in Outlook, in questo modo la tua email sarà responsive, ma con una larghezza accettabile per essere letta con facilità anche da desktop.
<!--[if mso]>
<center>
<table><tr><td width="580">
<![endif]-->
<div style="max-width:580px; margin:0 auto;">
<p>Inserisci qui il contenuto della tua e-mail, tutto il body avrà come max-width 580px anche se Outlook non supporta questa proprietà CSS.</p>
</div>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->
