电子邮件HTML签名;当我更改表大小时,字体大小会更改

时间:2014-03-03 19:22:14

标签: html css email fonts

我正在尝试创建一个公司范围的电子邮件签名。这是代码:

<table style="font-family:verdana, arial, sans-serif; color:#7f7f7f; font-size:12px; line-height:15px">
    <tr>
        <td><div style="font-size:145px; color:#69cd37; line-height:0px; position:relative; top:-17px; left:7px; margin-left:-20px">&#9679;</div></td>
        <td>
            <b>firstName lastName, </b><i>title</i><br />
            <b style="color:#69cd37">Company Name</b><br />
            Street, City, State, Zip<br />
            <b>office </b>###.###.#### | <b> mobile</b>###.###.####
        </td>
    </tr>
</table>

当我测试这封电子邮件时,它看起来很棒,并且可以在大多数支持HTML的电子邮件中正常使用。问题出在“Good for Enterprise”电子邮件中。大多数高层人士在手机上使用“好”的电子邮件。签名看起来很好,字体大小都是正确的,但它包装好,而且包装不好。

所以要解决这个问题,我已尝试过所有内容:table width="500"style="min-width:500px"white-space:nowrap;。这些都解决了包装问题,但它们似乎将字体扩大了一倍!并没有解释它。

有什么理由会扩大它吗?当我发送包含原始版本(上面发布)和没有包装的新版本的电子邮件时,原始版本具有正确的字体大小,但包装版本的字体大小很大。包装是否与手机屏幕宽度相互作用?

1 个答案:

答案 0 :(得分:0)

将所有文字样式放在其所包含的<td>标记中。在许多电子邮件客户端中,您必须在包含文本的每个<td>中重新声明。您不需要<table>标记中的<td>标记。

如果这不起作用,请尝试使用-webkit-text-size-adjust:none; -ms-text-size-adjust:none; font-size-adjust:none;内联样式<td>,尽管这可能是一个很长的镜头(不确定“好”是什么/如何工作)。

如果你仍然运气不好,请尝试找到一种方法来查看呈现的代码(在“Good”之后就是这样)。这可能有助于调试原因,并可能揭示防止它的方法。