HTML电子邮件 - 在适用于移动设备的Gmail应用上调整字体大小

时间:2018-01-04 12:42:52

标签: android html email gmail html-email

我遇到了为客户开发的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;
&#13;
&#13;

我想我的问题是,Gmail是否迫使font-size: 26px成为font-size: 12px。另一个例子是主电子邮件标题更大--32像素 - 并且还缩小了。

下面的HTML。

&#13;
&#13;
    <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;
&#13;
&#13;  

0 个答案:

没有答案