我的电子邮件签名有问题。我在Dreamweaver中设计了它,当我将它添加到Outlook时,它会改变布局,它会拉伸我的图像,而不是移动响应。
我不是电子邮件签名专家,任何帮助将不胜感激。这是我的代码。
这是一张图片来展示它在展望中的作用:Email signature Image
HTML
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Email Signature</title>
<meta content="text/html; charset=utf-8"http-equiv="Content-Type">
</head>
<body>
<table width="593" cellpadding="0" cellspacing="0" style="width: 600px;
font-size:9pt; font-family: 'Calibri Light', sans-serif;">
<tbody>
<tr>
<td valign="top" style="width:253px; vertical-align:top;">
<a href="https://www.tashascafe.com/media/1436/galaxy-bar-
logo.png link URL"target="_blank"><img border="0"alt="Logo"
width="250"style="width:250px;
border:0;"src="https://www.tashascafe.com/media/1436/galaxy-bar-
logo.png"></a>
</td>
<td valign="top" style="width:338px; vertical-align:top;">
<table width="340" cellpadding="0" cellspacing="0"
style="border-collapse: collapse;">
<tbody>
<tr>
<td style="width: 338px; font-size:12pt; font-family:'Calibri
Light', sans-serif; font-weight:600; color:#85754e; padding-
bottom:5px; line-height:16px;">RESERVATIONS AT GALAXY
BAR</td>
</tr>
<tr>
<td style="font-size:10pt; font-family:'Calibri Light',
sans-serif; color:#000000; padding-bottom:1px; line-
height:14px; font-weight: 400;">
<span style="font-weight:600;">t: </span>+971 58 513
0694
</td>
</tr>
<tr>
<td style="font-size:10pt; font-family:'Calibri Light', sans-
serif; color:000000; padding-bottom:1px; line-height:14px;
font-weight: 400;">
<span style="font-weight:600;">e:
</span>[email protected]
</td>
</tr>
<tr>
<td style="font-size:10pt; font-family:'Calibri Light', sans-
serif; color:#000000; padding-bottom:1px; line-height:14px; font-weight:
400;"><span style="font-weight:600;">w: </span>www.galaxy-bar.com<a
href="http://www.galaxy-bar.com"target="_blank"style="color:#000000"></a>
</td>
</tr>
<tr>
<td style="font-size:10pt; font-family:'Calibri Light', sans-
serif; color:#000000; padding-bottom:1px; line-height:14px; font-weight:
400;">
<span style="font-weight:600;">a: </span>Unit C-01, DIFC,
Dubai, United Arab Emirates, 506609
</td>
</tr>
<tr>
<td style="padding-top:10px; vertical-align: bottom;"><span
style="display:inline-block; height:22px;"><span><a href="
{facebookURL}"target="_blank"><img alt="Facebook
icon"border="0"width="20"height="20"style="border:0;
height:20px;
width:20px"src="https://www.tashascafe.com/media/1435/facebook-icon.png">
</a> </span><span><a href="{twitterURL}"target="_blank"><img
alt="Twitter icon"border="0"width="20"height="20"style="border:0;
height:20px;
width:20px"src="https://www.tashascafe.com/media/1438/twitter-icon.png">
</a> </span><span><a href="{instagramURL}"target="_blank"><img
alt="Instagram icon"border="0"width="20"height="20"style="border:0;
height:20px;
width:20px"src="https://www.tashascafe.com/media/1437/instagram-
icon.png"></a></span></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
我不知道这是否会使它具有移动响应性,但我可以告诉你如何防止扭曲。进入你的签名(最快的方式是创建一个新的电子邮件,点击签名选项卡,然后选择签名)这里是你想要创建签名的地方,除非整件事是图像,然后我仍然会创建它并添加你的形象。完成后,双击签名中的图片(有时您可能需要双击其他位置)。将出现一个对话框,单击大小选项卡,然后单击高度和宽度下的绝对值。在比例下,确保选择锁定纵横比和相对于原始图片尺寸。
希望这可以帮助!
您必须了解Outlook不是浏览器,并且实际上使用MS Word引擎来呈现HTML。因此,几乎不可能你的Dreamweaver代码(很抱歉,非常糟糕)将在其中运行。
你可以阅读这篇文章来获得一些提示:https://www.emailonacid.com/resource/outlook-coding-guide/
但请记住,将HTML写入电子邮件与为现代浏览器编写HTML完全不同。