如何修复水平拉伸的电子邮件签名 <img> 宽度？答案

【问题标题】：How to fix email signature <img> width that is being stretched horizontally?如何修复水平拉伸的电子邮件签名 <img> 宽度？
【发布时间】：2020-10-23 13:53:15
【问题描述】：

我正在为客户制作电子邮件签名，在我的电脑上效果很好，但在其他电脑上，图像看起来水平拉伸，这可能是因为我将宽度设置为图像大小的 50%，我这样做是因为客户稍后将编辑此图像，并且需要更改其宽度，而且图像看起来很清晰，我需要使用 2 倍分辨率。（外观很烂）。这就是我正在使用的代码。

<!DOCTYPE html>
<html lang="en"
<head>
  <meta charset="UTF-8">
  <title>signature</title>
  </head>
  <body>
    <table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td valign=top>
          <p >
            <span>
              <a href="www.client-website.com">
                  <img border=0 src="image-who-will-change-the width.png" alt="Signature" style=" max-width:50%; max-height:117.5px; width:50%;height:117.5px">
              </a>
            </span>
          </p>
        </td>
      </tr>
    </table>
  </body>
</html>

【问题讨论】：

HTML 电子邮件签名不起作用。一方面，大多数电子邮件程序不会自动加载外部图像（这是为了保护用户的隐私），因此您的 HTML 原样不适用于大多数用户。唯一可行的方法是将图像嵌入为 MIME 多部分文件（不是作为传统附件），大多数面向用户的电子邮件客户端不会向用户公开。跨度>
如果你有一个流动的宽度，你不能有一个固定的高度

标签： html email signature

【解决方案1】：

为您的页面使用这个 css，它将帮助您以百分比设置高度或宽度。

 css:
 html,body{height:100%;
              width:100%;
             }

并将高度添加到百分比。

【讨论】：