Gmail上的HTML电子邮件响应字体大小无法呈现

时间:2018-03-16 23:03:10

标签: html email responsive-design outlook gmail

所有

请参阅下面的屏幕截图,并帮助我理解为什么Gmail呈现的类型明显小于Outlook ...

https://ibb.co/d4u0Ec

https://ibb.co/h2KYZc

    @media only screen and (max-width: 480px){
    #templateColumns{
        width:100% !important;
    }
    .mobile-hidden{
        display: none!important;
    }
    .templateColumnContainer{
        display:block !important;
        width:100% !important;
    }

    .columnImage{
        height:auto !important;
        max-width:480px !important;
        width:100% !important;
        text-align: center!important;
    }

    .leftColumnContent{
        font-size:16px !important;
        line-height:125% !important;
    }

    .rightColumnContent{
        font-size:16px !important;
        line-height:125% !important;
    }
    .mobile-short{
    height: 40px!important;
    }
}


                <tr>
                <td class="leftColumnContent" align="left" style="font-family:Georgia, Helvetica, Arial; font-size:14px; color:#3d3d3d;line-height:24px!important;">
                    We want you to love your boots as much as we do. We offer free shipping and returns so you can try them on at home.
                </td>
            </tr>

0 个答案:

没有答案
相关问题