Outlook & VML 不同视图

Question

根本问题是显示与 MSO 兼容的漂亮按钮。当我使用 VML 时，它在一台电脑上运行良好，而在另一台电脑上运行不正常。关键是两台PC的环境是一样的

Win 10 - 微软 Outlook (16005.13110.41006.0) 按钮源代码为

    <!--[if mso]>
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://google.com" style="line-height:28px; height:28px;width:135px; display: inline-block;" stroked="False" fillcolor="#468fb0">
        <center style="color: #ffffff; font-size: 11px;">
            CENTER
        </center>
    </v:rect>
    <![endif]-->

在我这里看起来不错

在其他电脑中

所以

两个维度的尺寸都较小
里面没有文字
按钮可以点击

我尝试了 VML/HTML 标签的不同组合，但它总是一样的 - 忽略了宽度和高度，并且根本没有内部文本

如果将电子邮件保存为 EML 文件并进行比较 - 相同有什么可以触发此样式的建议吗？

其他链接和样式正常工作顺便说一句。谢谢

Answer 1

我注意到 Campaign Monitor 的“bullet proof button”在 <center> 之前有这个 <w:anchorlock/>，它似乎作为一种内部机制来阻止锚点（链接）被修改。也许就是这样？

即

<!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://google.com" style="line-height:28px; height:28px;width:135px; display: inline-block;" stroked="False" fillcolor="#468fb0">
<w:anchorlock/>
    <center style="color: #ffffff; font-size: 11px;">
        CENTER
    </center>
</v:rect>
<![endif]-->

Answer 2

好吧，这很奇怪但是问题以像素为单位（可能与屏幕分辨率有关？）每个带有 px 的尺寸都比较小。通过将尺寸替换为 pt

解决

Outlook & VML 不同视图

Outlook & VML different view

email

outlook

vml

ms-office

html-email