html-email - Outlook 2013 120DPI 上的 VML CTA 中的文本被截断

标签 html-email

我正在使用 VML 使我的防弹 CTA 在 Outlook 中工作,它们似乎在任何地方都工作正常,除了在 Outlook 2013 120DPI 上,CTA 中的文本被截断: enter image description here

在其他地方都工作正常:

enter image description here

这是 VML:

<!--[if mso]>
    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://epredia.com/" style="height:34px;v-text-anchor:middle;width:176px;" arcsize="33.5px" strokecolor="#E5E5E6" fillcolor="#E5E5E6">
    <w:anchorlock/>
        <center style="color:#58595B;font-family:Helvetica, HelveticaArial, sans-serif, HelveticaNeueLTStd-Bd;font-size:18px;line-height:18px;">
            <b style='font-family:Helvetica, HelveticaArial, sans-serif, HelveticaNeueLTStd-Bd;'>
                Mini CTA
                                                    
            </b>
        /center>
    </v:roundrect>
<![endif]-->

最佳答案

您需要设置缩放比例。

您的 HTML 标记如下所示(您可能有不同的语言或其他属性):

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"  xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

在你的 <head> 中添加此:

<!--[if gte mso 9]><xml>
  <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
</xml><![endif]-->

关于html-email - Outlook 2013 120DPI 上的 VML CTA 中的文本被截断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62883142/

相关文章:

html - 有没有办法在 HTML 电子邮件中构建 HTML/CSS,以便如果图像 X 未加载,文本 Y 就会出现?

html - 时事通讯的圆形按钮在 MS 邮件中不起作用

按钮中的 HTML 电子邮件链接在 Outlook 桌面中不起作用

css - 默认电子邮件签名的链接颜色和 TD/TR 悬停颜色

css - 如何将内联 CSS 样式添加到 Gmail 电子邮件 (SES sendRawEmail)?

html-email - 网络邮件:HTML header

html - 有没有办法将此功能区定位在 html 电子邮件中的图像上,以便它适用于 Outlook 等客户端?

html - 链接空 TD - HTML 电子邮件

image - 单击打开用户邮件的图像,将其发送到我的电子邮件地址

email - 在电子邮件中使用普通图像与内联图像