我的HTML/CSS电子邮件中的问题

我的HTML/CSS电子邮件中的问题,html,email,html-email,Html,Email,Html Email,我知道,当我使用HTML电子邮件时,我必须使用表格布局。不幸的是,当我对我的Hotmail和gmail进行一些测试时,布局并不完全相同。在电子邮件中,与我的不同之处在于,它在文本“Responda correctment a las preguntas y gane un viaje a Roma!”中没有相同的H2字体样式和系列。第二张图像与顶部和底部的图像分开。解决这个问题的最好办法是什么?如何实现相同的布局 感谢您的时间不要依赖外部()或嵌入式样式表(包含在标记上方的标记中的样式表)。这是

我知道,当我使用HTML电子邮件时,我必须使用表格布局。不幸的是,当我对我的Hotmail和gmail进行一些测试时,布局并不完全相同。在电子邮件中,与我的不同之处在于,它在文本“Responda correctment a las preguntas y gane un viaje a Roma!”中没有相同的H2字体样式和系列。第二张图像与顶部和底部的图像分开。解决这个问题的最好办法是什么?如何实现相同的布局

感谢您的时间

不要依赖外部(
)或嵌入式样式表(包含在
标记上方的
标记中的样式表)。这是要避免的最重要的事情。许多电子邮件服务会删除正文标签上方的所有内容,并禁用外部样式表。也就是说,您可以包含一些嵌入的CSS语句(例如链接颜色),只要您对它们不在某些电子邮件客户端中呈现感到满意

尝尝这篇文章的味道:

尝试将
style=“display:block;”“
添加到所有img标记中,并使用带有样式属性的字体标记,而不是h2:

<font style="color:#202020; font-family: 'Georgia',serif; font-size: 14px; line-height: 20px;">
    <b>Some title</b>
</font>
<br>

一些头衔


在制作HTML电子邮件和普通HTML页面时,您需要做很多不同的事情,这里有一些见解:另一个真正重要的事情是不要有没有换行符的大文本行。尝试将每行的最大字符数设置为65,并打断所有行。一些电子邮件服务器和客户端在特定的行长度上撕开/删除一些字符,破坏了您的布局。好的,我使用这个工具不依赖任何外部css表单,使电子邮件服务在我的身体下阅读。我得到了一个更好的结果!但它仍然不完全一样:(我很快就能实现它,这是我由premailer.dial.ca生成的新代码,但外观仍然不一样,只是非常接近。变得更好了,但仍然不一样。我添加了style=“display:block;”,但更糟