只有 outlook 杀死了我的签名样式，为什么？

Question

这是我第一次寻求帮助，但我想知道，为什么这个签名（由我制作）在我测试过的所有客户端中都有效，除了 Outlook 和 Microsoft 邮件。它在 Gmail 和移动 Gmail 版本上正常工作。

这是我在 outlook 上看到的：

这是 gmail：

这是我的代码：

<table style="min-height: 400px;width:2vh;">
    <hr>
<table style="margin-left: 5%; width: 70%; padding-top: 2%; padding-right: 0; padding-bottom: 5%; padding-left: 10px; font-family: 'Oxygen', sans-serif; font-size: 0.9vw;">
    <tbody style="width: 100%; height: 100%;">
        <tr style="width: 100%; height: 100%;">
            <td style="width: 25%; height: auto; ">
                <img src="image1.png" alt="trq" style="max-width: 70%; max-height: 40%; padding-right: 20px;">
                <br>
                <br>
                <a href="example.com"><img src="ico.png" width="12%" alt="instagram link" style="MARGIN-left:8%;"></a>
                <a href="example2.com/"><img src="image2.png" width="12%" alt="Primary Theory LinkedIn Link"style="margin-left: 5%;"></a>
                <a href="link.com"><favicon.png" width="12%" alt="youtube link" style="margin-left: 5%;"></a>
            </td>
            <td style="border-left: 2px solid #f1451e; width: 5%; aspect-ratio: 20/100;"></td>
            <td style="padding: 0px; position: absolute;height: 100%; ">
                <b></b>
                
                <a href="example3.com" style="text-decoration:none; color:black;padding-left:0.5%;"><img src="phone.com" height="10px" alt="Orange Phone Icon"> [phone]</a>
                <br>
                <a href="example.com" style="text-decoration:none; color:black;padding-left: 0.5%;"><img src="image.png" height="10px" alt="Orange Link Icon"> site.com</a>
                <br>
                <a href="" style="height: 100%;"><img src="catalog.png" alt="The logo for 'Primary Theory'" style="width:8%;"></a>
                <a href=""><img src="catalog2.png" style="width:8%;margin-left: 1%;"></a>
            </td>
        </tr>
    </tbody>
</table>
<br><br><br><hr>
</table>

我试着在另一个里面制作一张桌子，并避免使用“div”，但它根本行不通。

Answer 1

好吧，我想我自己找到了解决方案。我要做的是从样式标签中删除“高度”、“最大高度”和“宽度”等值，并通过在元素外部使用它们将它们添加到元素中。

例如：

<a href="site.com"><img src="image.png" width="25%" style="width:25%;margin-left: 5%;"></a>

在这种情况下，我不确定继续使用像“width:25%”这样的 CSS 样式是否可取，或者我是否应该完全删除它们，但就我而言，它在 Gmail 和 Outlook 中都没有任何问题.

在 Outlook 中，大小和比例也不完全匹配。