如何为Gmail客户端设置电子邮件模板响应式背景图片?

时间:2019-05-22 02:54:26

标签: html css

我正在创建带有完整背景图片的电子邮件模板。它在Web电子邮件客户端和移动Outlook客户端中也能正常工作。但是此问题不适用于Gmail移动客户端。我已经尝试了所有CSS背景图片属性。我需要在哪里更新样式表。

<table align="center" style="background: url({{ asset('campaigns/emails/voucher-winner.png') }}) no-repeat center top;background-size: cover;width:580px; height: 900px; text-align: center;">
       <tr>
         <td style="padding-top: 320px;">
            <p style="color: #cfd60e; font-size: 16px; text-decoration: none;">VOUCHER CODE : <strong>{{ $coupon_code }}</strong></p>
            <p style="color: red; font-style: italic; font-size: 15px; padding-top: 20px;font-weight: 500; text-decoration: none;">Valid Before: {{ $valid_to }}</p>
          </td>
       </tr>
</table>

0 个答案:

没有答案