相关疑难解决方法(0)

编写HTML电子邮件时的最佳实践和注意事项

我已经开发了十多年的网站了,但很快就发现,在为电子邮件客户开发时,我开发网络的许多习惯都没用.这让我感到非常沮丧,所以我想我会提出一个问题,希望能够为像我这样的人发现最佳实践和必要的考虑因素,这些人可能会不时地设计gmail,outlook等.

示例: <style>...</style> vs内联CSS.

简而言之:什么从网络世界转移到电子邮件世界,什么没有.

html css html-email

81
推荐指数
3
解决办法
4万
查看次数

与其他电子邮件客户端相比,电子邮件设计在Outlook中看起

我正在研究html电子邮件,其中我使用html和内联样式复制了一个设计.

在展望中,我看到以下设计:


在此输入图像描述



设计小提琴:

附件是我提到我所有的html和内联样式的小提琴.小提琴中,与上面的设计(Outlook)相比,我得到了不同的设计.



问题陈述:

我想知道我应该在小提琴的内联样式中做些什么改变,这样小提琴中的设计和上面的截图(outlook)看起来都是一样的.

文本下方的空间在前景截图中,与小提琴中的设计相比,获取金钱的步骤太多了.我在该部分中使用的代码片段是:

<tr>
   <td>
      <table cellpadding="0" cellspacing="0" border="0" width="100%" style="padding-left:15%;padding-bottom:25%;">
         <tr>
            <td>
               <h2 style="text-align: left;
                  padding-left: 19%;
                  color: #484848;
                  padding-top: 2.5%;
                  padding-bottom: 5%;
                  padding-right: 12%;">steps to earn your money:</h2>
            </td>
         </tr>
         <tr style="text-align:left;color:#484848;font-size:20px;">
            <td>
               1. click here to open the XYZ app to the posting requests page<br><br>
               2. click on availability check request<br><br>
               3. say yes, its availabile ot suggest another date it is<br><br>
               4. wait the …
Run Code Online (Sandbox Code Playgroud)

html css outlook html-table html-email

5
推荐指数
1
解决办法
224
查看次数

标签 统计

css ×2

html ×2

html-email ×2

html-table ×1

outlook ×1