时间戳

首页 > 解决方案 > 如何修复水平拉伸的电子邮件签名宽度？

html - 如何修复水平拉伸的电子邮件签名宽度？

问题描述

我正在为客户制作电子邮件签名，在我的电脑上效果很好，但在其他电脑上，图像看起来水平拉伸，这可能是因为我将宽度设置为图像大小的 50%，我这样做是因为客户会编辑这个图像稍后，需要改变它的宽度，为了图像看起来很清晰，我需要使用 2x 分辨率。（前景很糟糕）。这就是我正在使用的代码。

<!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>

标签： htmlemailsignature

解决方案

将此 css 用于您的页面，它将帮助您以百分比设置高度或宽度。

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

并将高度添加到百分比。

推荐阅读