【发布时间】：2017-02-26 22:24:11
【问题描述】：
我最近创建了一些电子邮件签名，它们在发送时看起来很棒，但在接收或回复时可以有一些电子邮件；
- 徽标被压扁，有时徽标在回复时变得非常大。
- 收到电子邮件或发送回复时，字体颜色变为黑色。
- 请参阅随附的照片，了解它有时的外观以及条形图穿过屏幕
我使用 Thunderbird 来发送电子邮件，虽然我不知道这是否有任何影响。
如果有人对清理这些问题有任何建议，我将不胜感激。
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body style="background:#eee;padding:0;margin:0;">
<div style="width:600px;background:#fff;font-family:Arial, Helvetica, sans-serif;">
<div style="padding:15px 0px;background:#0c6eb7;color:#fff;">
<div style="padding:5px 15px;">
<h2 style="margin:0;font-size:18px;text-transform:uppercase;font-weight:black;">Health Your Way</h2>
<h3 style="margin:0;margin-bottom:3px;font-size:14px;font-weight:normal;"> </h3>
</div>
</div>
<div style="padding:15px 15px;">
<p style="margin-top:0px;"></p>
<h4 style="margin:0;font-size:12px;font-weight:normal;color:#0c6eb7;">
<img src="http://i.imgur.com/vyyo3Cs.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="mailto:admin@healthyourway.co.uk" style="color:inherit;text-decoration:none;">admin@healthyourway.co.uk</a>
<b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b>
<img src="http://i.imgur.com/Uwbw49m.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="tel:08006446414" style="color:inherit;text-decoration:none;">0800 644 6414</a>
<b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b>
<img src="http://i.imgur.com/jpcSK1r.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="http://www.healthyourway.co.uk" style="color:inherit;text-decoration:none;">healthyourway.co.uk</a>
</h4>
<h4 style="margin:0;margin-top:10px;font-size:12px;font-weight:normal;color:#0c6eb7;">
<img src="http://i.imgur.com/bBNmf7g.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <div style="display:inline-block;vertical-align:middle;width:calc(100% - 30px);">Queens Gardens Business Centre, 31 Ironmarket, Newcastle-under-Lyme<br>Staffordshire, ST5 1RP</div>
</h4>
</div>
<div style="width:100%;background:#fff;border-top:1px solid #eee;">
<div style="padding:15px;padding-bottom:1px;color:#cccccc;font-size:11px;">
<img src="http://i.imgur.com/ZSms6VI.jpg" style="height:60px;margin-right:10px;">
<img src="http://i.imgur.com/sXHE0gU.jpg" style="height:60px;">
<p>This message may contain confidential information. If you are not the intended recipient please inform the sender that you have received the message in error before deleting it.
Please do not disclose, copy or distribute information in this e-mail or take any action in reliance on its contents: to do so is strictly prohibited and may be unlawful.</p>
</div>
</div>
</div>
</body>
</html>
【问题讨论】：
-
你有什么代码可以实现签名吗？
-
此外，不同的电子邮件客户端可以不同地处理样式。您说您正在使用 Thunderbird 来发送电子邮件，但是哪个客户端以这种格式接收它们？你在看 Thunderbird 中的
Sent文件夹吗？ -
上面添加的代码，抱歉。客户将其发回，因此无法确定他们使用的是什么电子邮件客户端，但拉伸的徽标在 iPhone 上
标签： html css email html-email