HTML 电子邮件模板未正确呈现答案

【问题标题】：HTML email template is not rendering correctlyHTML 电子邮件模板未正确呈现
【发布时间】：2022-01-24 17:38:03
【问题描述】：

我有一个包含以下代码的电子邮件模板：

<html>
  <head></head>
  <body style="font-family:Verdana">
    <h1 style="font-size:36px;text-align:center">Welcome!</h1>
    <div style="text-align:center;margin:50px">
      <span style="font-size:18px">We are happy to see You joined! Please press the button below to confirm Your account.</span>
    </div>
    <div style="text-align:center">
      <a style="background-color:#3a86e0;border-radius:4px;color:#fff;font-size:18px;padding:8px 32px 8px 32px;text-decoration:none;display:inline-block" href="{parameter}">Confirm email address</a>
    </div>
    <div style="text-align:center;margin:50px">
      <span style="font-size:12px">
        <b>You received this message because Your email address was used to create an account in our project. Ignore this in case of a mistake.</b>
      </span>
    </div>
  </body>
</html>

当涉及到在网络浏览器中呈现时，它看起来还不错，但我在 Outlook 应用程序或内置的 Windows Mail 应用程序中打开此类电子邮件时，<a> 标记的角半径属性被忽略，并且链接是用方角绘制的。

请查看下面的图片以了解不同之处。

这是它在应用程序中的呈现方式：

这是它在电子邮件网站上的呈现方式：

我在网上搜索了类似的问题，但没有运气。你能帮我吗，为什么相同的 HTML 呈现方式不同，我该如何解决这个问题？谢谢。

【问题讨论】：

background.cm 让您每次定义两个 href，如果它是自助服务，这会很烦人。我更喜欢在 Acid 上使用电子邮件中的一个。它在所有电子邮件客户端中呈现完美。如果您喜欢圆角边缘，请使用 background.cm，如果没有，请查看：stackoverflow.com/questions/59664145/…

标签： html rendering html-email

【解决方案1】：

一些电子邮件提供商不支持填充和边框半径。

您可以尝试生成一个防弹按钮here，它将为那些不受支持的属性使用解决方法

【讨论】：