我遇到了为客户开发的HTML电子邮件问题。他们都在Android手机上使用Gmail来测试和预览正在发送的内容以及GSuite。我所遇到的问题(字体缩小)发生在两者中,但不是在我的Litmus测试中,只是当他们通过iContact for Salesforce进行预览时。
所以,在我宣布更大的标题的情况下,它显示的字体大小为12像素(我根据他们的截图判断这一点)......不是26像素&# 39; s设定为。但是,其他文本块很好,并以正确的大小(16像素)显示。例如:
<tr>
<td class="container-padding" align="left" style="padding-left: 40px;
padding-right: 40px;">
<span class="medium-text" style="color: #333333; font-size: 16px;
line-height: 24px; display: block; font-family: 'Calibri',
Helvetica, Arial, sans-serif; text-align: left; font-weight:
normal;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam maximus felis ex, eu auctor lectus pellentesque finibus.
Integer vel interdum felis.</span>
</td>
</tr>
&#13;
我想我的问题是,Gmail是否迫使font-size: 26px
成为font-size: 12px
。另一个例子是主电子邮件标题更大--32像素 - 并且还缩小了。
下面的HTML。
<tr>
<td class="container-padding" align="left" style="padding-left: 40px;
padding-right: 40px;">
<span class="large-text" style="color: #333333; font-size: 26px;
line-height: 32px; display: block; font-family: 'Calibri',
Helvetica, Arial, sans-serif; text-align: left; font-weight
normal;">I'm a Title that's been shrunk!</span>
</td>
</tr>
&#13;