使 HTML 电子邮件签名具有响应性答案

【问题标题】：Make HTML email signature responsive使 HTML 电子邮件签名具有响应性
【发布时间】：2020-06-21 15:48:38
【问题描述】：

我正在学习创建响应式电子邮件签名。我不擅长编码，因此不胜感激。

在下面显示的部分代码中，我是否需要任何特殊属性来更正或确保它是响应式的？

我在 DreamWeaver 中进行编辑，在 Chrome 预览中它似乎可以工作。虽然，我有两列，它仅适用于右侧的列文本，但它不会将第二列移到第一列下方。

另外，如何定义表格的高度或最小高度？

对不起 - 我真的是新手。

<!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 style="font-size: 11pt; font-family: Calibri, sans-serif;">
<table style="width: 100%; min-height: 120px; font-size: 11pt; font-family: Calibri, sans-serif;" cellpadding="0px" cellspacing="0">
<tbody>
 <tr>
  <td width="120" style="font-size: 11pt; font-family: Calibri, sans-serif; border-right: 1px solid; border-right-color: #ba1f31; width: 120px; height: 100%; padding-bottom: 0px; padding-left: 0; padding-right: 10px; vertical-align: top; valign="top" rowspan="6">

【问题讨论】：

据我所知，在电子邮件中使用这些功能仍然不可靠。它可能适用于某些客户，但其他客户会中断。即使在今天，我仍在使用表格布局并内联所有 CSS 并使用 Litmus 进行测试。可悲的是，您想做的事情可能无法实现……至少要承认它不适用于大量客户。
只使用一张图片。它将为您节省数小时的折磨。
对不起 - 我很困惑。大多数资源说 HTML 文件是创建公司电子邮件签名的正确方法...

标签： html css email html-email inline

【解决方案1】：

我认为这是不可能的。不适用于所有邮件平台（Outlook、gmail、苹果邮件等）。每个实现和标准的html，很多时候是旧的。您可以使用这些指南来寻找最佳和最兼容的元素：https://www.campaignmonitor.com/css/style-element/style-in-body/

【讨论】：