- switch to using % instead of pixel (try
line-height: 100% !important
) - inheriting from something and overriding, try adding the line-height in a separate
<style>
in the header and target it with a class selector (make !important) doctype
maybe causing issue with line height model for some random reason? - gmail should default to html5- something in header style overriding
- try wrapping with
<div style="line-height: 20px !important">
Started a new discussion: Gmail avatar for sender brand logo compresses into awfulness
Confirmed Gmail is clipping out classes.
New Gmail:
<td align="center" class="m_-479394985413246757mobile-rec" style="font-size:0px;padding:0 0 0 0;word-break:break-word">
Old Gmail:
<td align="center" style="font-size:0px;padding:0 0 0 0;word-break:break-word">
So I assume you've already used insights from https://litmus.com/community/discussions/151-mystery-solved-dpi-scaling-in-outlook-2007-2013
or https://blog.jmwhite.co.uk/2014/03/28/solving-dpi-scaling-issues-with-html-email-in-outlook/
Try doing all widths as inline styles and adding a wrapper table (ghost or not) that matches any <td>
content width--if there is no wrapper already. Avoid anything but pixels and percentages. I'd try width="600"
and then inline width: 100%
. So both your table and table cell should have an inline style matching the desired width.
Also add a <style>
to the head with
table {
table-layout: fixed;
margin: 0 auto;
border: none;
}
table table{
table-layout: auto;
margin: 0 auto;
border: none;
}
if you have not already done so.
And is your XML defined? <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
Can you post the table code snippet?
My immediate, unorganized and potentially incorrect thoughts are:
Nest in a ghost table with a width of whatever the max desktop width should be.
<!--[ if gte mso 9 ]-->
<table width="600" style="width: 600px !important . . .
. . .
There also appears to be syntax validation errors (unclosed floating tags).
Is your email vertically longer than 1800px?
Try adding this right before the end of your <head> tag:
<!--[if gte mso 15]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
What element are you adding line-height to?
Should avoid styling any <p> tags as it has awkward CSS support across clients.