电子邮件签名Apple Mail中的图像显示全角

Question

我在Apple Mail上创建电子邮件签名时遇到问题。仅在某些版本（Apple Mail 9.5-Apple Mail 10.5）上会出现此问题，比这些版本更旧和更高的版本可以正常工作。

图像似乎在全窗口宽度上显示-即使我有一个表格包装器宽度max-width 480px。我在自己的客户和石蕊上测试了我的代码-一切正常。问题实际上仅适用于那些Apple Mail版本。

签名的屏幕截图：

代码：

<table cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background-color:#ffffff;"><tr><td style="padding:0px;margin:0px;" width="480">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#af8877;"><tr><td style="padding:0px;margin:0px;">
    <table cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#af8877;">
        <tr><td colspan="3" style="padding:0px;margin:0px;font-size:20px;line-height:20px;height:20px;" height="20">&nbsp;</td></tr>
        <tr><td style="padding:0px;margin:0px;width:15%;">&nbsp;</td><td style="padding:0px;margin:0px;">
                <table cellpadding="0" cellspacing="0" border="0" style="padding:0px;margin:0px;">
                    <tr><td style="padding:0px;margin:0px;">
                        <a href="" id="Homepage" style="text-decoration:none;color:#000;"><img
                            src="http://www.dasrund.com/signatur/dasrund_logo.png"
                            alt="R&amp;" border="0" style="display:block;width:100%;height:auto;font-weight:bold;font-size:50px;text-decoration:none;color:#000;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;"
                        /></a>
                    </td></tr>
                    <tr><td style="padding:0px;margin:0px;font-size:9px;line-height:9px;height:9px;-webkit-text-size-adjust:none;text-size-adjust:none;" height="9">&nbsp;</td></tr>
                    <tr><td style="padding:0px;margin:0px;">
                        <table cellpadding="0" cellspacing="0" border="0" style="width:100%;height:29px;">
                            <tr><td style="padding:0px;margin:0px;" width="25"><a href="" id="Instagram" target="_blank"><img
                                src="http://www.dasrund.com/signatur/icon_instagram.png" alt="I" border="0"
                                style="display:inline-block;width:100%;height:auto;text-decoration:underline;font-weight:bold;font-size:15px;font-style:italic;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;"
                            /></a></td>
                            <td style="padding:0px;margin:0px;width:7px;" width="3">&nbsp;</td>
                            <td style="padding:0px;margin:0px;" width="25"><a href="" id="Facebook" target="_blank"><img
                                src="http://www.dasrund.com/signatur/icon_facebook.png" alt="F" border="0"
                                style="display:inline-block;width:100%;height:auto;text-decoration:underline;font-weight:bold;font-size:15px;font-style:italic;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;"
                            /></a></td>
                            <td style="padding:0px;margin:0px;width:7px;" width="3">&nbsp;</td>
                            <td style="padding:0px;margin:0px;" width="25"><a href="" id="Vimeo" target="_blank"><img
                                src="http://www.dasrund.com/signatur/icon_vimeo2.png" alt="V" border="0"
                                style="display:inline-block;width:100%;height:auto;text-decoration:underline;font-weight:bold;font-size:15px;font-style:italic;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;"
                            /></a></td></tr>
                        </table>
                    </td></tr>
                </table>
        </td><td style="padding:0px;margin:0px;width:15%;">&nbsp;</td></tr>
        <tr><td colspan="3" style="padding:0px;margin:0px;font-size:20px;line-height:20px;height:20px;-webkit-text-size-adjust:none;text-size-adjust:none;" height="20">&nbsp;</td></tr>
    </table>
</td><td style="padding:0px;margin:0px;">
    <table cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#ffa37b;">
        <tr><td colspan="3" style="padding:0px;margin:0px;font-size:17px;line-height:17px;height:17px;-webkit-text-size-adjust:none;text-size-adjust:none;" height="17">&nbsp;</td></tr>
        <tr><td style="padding:0px;margin:0px;width:22px;">&nbsp;</td><td style="padding:0px;margin:0px;">
            <table cellpadding="0" cellspacing="0" border="0" style="width:100%;">
                <tr><td style="padding:0px;margin:0px;font-size:14px;font-weight:bold;text-transform:uppercase;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;letter-spacing:1px;"><b>Max Mustermann</b></td></tr>
                <tr><td style="padding:0px;margin:0px;font-size:2px;line-height:2px;height:2px;-webkit-text-size-adjust:none;text-size-adjust:none;" height="2">&nbsp;</td></tr>
                <tr><td style="padding:0px;margin:0px;font-size:14px;text-transform:uppercase;color:#000;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;letter-spacing:1px;">Main Manager</td></tr>
                <tr><td style="padding:0px;margin:0px;font-size:9px;line-height:9px;height:9px;-webkit-text-size-adjust:none;text-size-adjust:none;" height="9">&nbsp;</td></tr>
                <tr><td style="padding:0px;margin:0px;font-size:14px;color:#000;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;letter-spacing:1px;">
                    <a href="tel:" id="Phone" style="color:#000;text-decoration:none;"><span style="color:#000;text-decoration:none;">01 234 56 78</span></a>
                </td></tr>
                <tr><td style="padding:0px;margin:0px;font-size:2px;line-height:2px;height:2px;-webkit-text-size-adjust:none;text-size-adjust:none;" height="2">&nbsp;</td></tr>
                <tr><td style="padding:0px;margin:0px;font-size:14px;color:#000;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;letter-spacing:1px;">
                    <a href="mailto:" id="Mail" style="color:#000;text-decoration:none;"><span style="color:#000;text-decoration:none;">mustermann@test.com</span></a>
                </td></tr>
                <tr><td style="padding:0px;margin:0px;font-size:9px;line-height:9px;height:9px;-webkit-text-size-adjust:none;text-size-adjust:none;" height="9">&nbsp;</td></tr>
                <tr><td style="padding:0px;margin:0px;font-size:9px;text-transform:uppercase;color:#000;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;-webkit-text-size-adjust:none;text-size-adjust:none;letter-spacing:1px;">
                    Company Name&nbsp;<span style="color:#fff;font-weight:bold;">|</span> Street&nbsp;1/12&nbsp;<span style="color:#fff;font-weight:bold;">|</span> 0000&nbsp;City
                </td></tr>
                <tr><td style="padding:0px;margin:0px;font-size:2px;line-height:2px;height:2px;-webkit-text-size-adjust:none;text-size-adjust:none;" height="2">&nbsp;</td></tr>
                <tr><td style="padding:0px;margin:0px;font-size:9px;color:#000;font-weight:bold;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;-webkit-text-size-adjust:none;text-size-adjust:none;letter-spacing:1px;">
                    <a href="www..com" id="Web" style="color:#000;text-decoration:none;"><span style="color:#000;text-decoration:none;"><b>www.URL.com</b></span></a>
                </td></tr>
            </table>
        </td><td style="padding:0px;margin:0px;width:22px;">&nbsp;</td></tr>
        <tr><td colspan="3" style="padding:0px;margin:0px;font-size:17px;line-height:17px;height:17px;-webkit-text-size-adjust:none;text-size-adjust:none;" height="17">&nbsp;</td></tr>
    </table>
</td></tr></table>
<table cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#e6e6e6;">
            <tr><td style="padding:0px;margin:0px;"><img
                src="https://cincyinformatix.org/wp-content/uploads/2018/03/242635-PGM-Web-Graphic-480px-width-FINAL-002.jpg"
                alt=""
                border="0" style="display:block;width:100%;height:auto;text-transform:uppercase;font-weight:bold;font-size:14px;color:#000;font-style:italic;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;letter-spacing:1px;"
            /></td></tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#fff;">
    <tr><td colspan="3" style="padding:0px;margin:0px;font-size:10px;line-height:10px;height:10px;-webkit-text-size-adjust:none;text-size-adjust:none;" height="10">&nbsp;</td></tr>
    <tr><td style="padding:0px;margin:0px;width:10px;">&nbsp;</td><td style="padding:0px;margin:0px;">
        <table cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#fff;">
            <tr><td style="padding:0px;margin:0px;font-size:10px;color:#000;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;-webkit-text-size-adjust:none;text-size-adjust:none;">
                Diese E-Mail enth&auml;lt vertrauliche und/oder rechtlich gesch&uuml;tzte Informationen. Wenn Sie nicht der richtige Adressat 
                sind oder diese Email irrt&uuml;mlich erhalten haben, informieren Sie bitte sofort den Absender und vernichten Sie diese 
                Email. Emails k&ouml;nnen ver&auml;ndert werden. DasRund GmbH lehnt die Verantwortung f&uuml;r unrichtige oder unvollst&auml;ndige Informationen 
                in dieser Email und den Anh&auml;ngen ab. DasRund GmbH kann nicht ausschlie&szlig;en, dass diese Email frei von Viren ist oder auf 
                andere Weise manipuliert wurde.</td></tr>
        </table>
    </td><td style="padding:0px;margin:0px;width:10px;">&nbsp;</td></tr>
</table>