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



我正在为一个客户端制作电子邮件签名,在我的电脑上效果很好,但在另一台电脑上,图像看起来是水平拉伸的,这可能是因为我将宽度设置为图像大小的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>

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

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

并将高度添加到百分比中。

相关内容

最新更新