Question

我试图将这个问题传递一段时间，并尝试阅读许多主题，但没有任何作用......

问题在于我有一个html（图像）电子邮件，它在所有桌面客户端都能很好地运行，但它在iPhone和Gmail应用程序上遇到了一些麻烦。

当我缩放或移动手机时，它会在某些分辨率的表格之间显示小间隙。因为它有时会消失，我认为这是一个渲染问题，但我怎么能避免这种情况呢？

使用不同的图片here填写完整的邮箱 - 您可以看到普通浏览器和客户端没有空白，但如果您将其作为html电子邮件发送，则Gmail应用程序或iPhone上存在小的差距“按钮”行周围的分辨率（缩放或SE时）。

我认为这些是表格之间的边框或轮廓，但是当表格看起来像下面的代码时，我认为不应该这样做：）

<body bgcolor="#efefef" style="border:none; margin: 0; padding: 0; background: #efefef;">
    <center bgcolor="#efefef" style="border:none; background: #efefef;">
        <table bgcolor="#efefef" style="border:none; background: #efefef;">
            <tr>
                <td valign="bottom" width="100%" height="50" bgcolor="#efefef" style="border:none; background: #efefef;">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td valign="bottom" width="100%" height="100%" bgcolor="#efefef" style="border:none; background: #efefef;">
                    <table width="600" class="part0-top" border="0" cellpadding="0" cellspacing="0" style="outline: 0; border:none; border-spacing:0; margin-top: -1px; margin-bottom: -1px; margin-left: 0; margin-right: 0; padding: 0; border-collapse: collapse; width: 600px; min-width: 600px; background: #fbfbfb;">
                        <tr width="600" style="white-space: nowrap; border:none; width: 600px; min-width: 600px;" align="center">
                            <td valign="bottom" align="center" width="600" style="border:none; width: 600px; min-width: 600px;">
                                <img border="0" src="https://gallery.mailchimp.com/4bad622b5a83be7ae967ded92/images/121e2b35-d2bf-432e-af5f-ca5d2bed02fc.jpg" alt="Bang & Olufsen" width="600" style="border:none; width: 600px; min-width: 600px; margin: 0; padding: 0; display: block; outline: none">
                            </td>
                        </tr>
                    </table>
                    <table width="600" class="part1-header" border="0" cellpadding="0" cellspacing="0" style="outline: 0; border:none; border-spacing:0; margin-top: -1px; margin-bottom: -1px; margin-left: 0; margin-right: 0; padding: 0; border-collapse: collapse; width: 600px; min-width: 600px; background: #fbfbfb;">
                        <tr width="600" style="white-space: nowrap; border:none; width: 600px; min-width: 600px;" align="center">
                            <td valign="bottom" align="center" width="30" style="border:none; text-align: left; width: 30px; min-width: 30px;">
                                &nbsp;
                            </td>
                            <td valign="bottom" align="center" width="470" style="border:none; text-align: left; width: 470px;">
                                <a href="http://www.bang-olufsen.com/en" target="blank" style="border:none; text-decoration: none !important; outline: none !important;">
                                    <img border="0" width="122" src="https://gallery.mailchimp.com/4bad622b5a83be7ae967ded92/images/ce1f5c26-972b-4043-8e44-0ca6b8d5a3ec.jpg" alt="Bang & Olufsen" style="border:none; width: 122px; margin: 0; padding: 0; display: block; outline: none">
                                </a>
                            </td>
                            <td valign="bottom" align="center" width="70" style="border:none; text-align: right; width: 70px;">
                                <a href="http://www.beostore.cz" target="blank" style="border:none; text-decoration: none !important; outline: none !important; display: block; text-align: right;">
                                    <img border="0" width="70" src="https://gallery.mailchimp.com/4bad622b5a83be7ae967ded92/images/a0c2157a-a67d-4149-8df5-5e3b5419dbe8.jpg" alt="Beostore.cz | Bang & Olufsen" style="border:none; width: 70px; margin: 0; padding: 0; display: block; outline: none">
                                </a>
                            </td>
                            <td valign="bottom" align="center" width="30" style="border:none; text-align: right; width: 30px; min-width: 30px;">
                                &nbsp;
                            </td>
                        </tr>
                    </table>

Android - Gmail app: screen of the gaps

感谢您的帮助！：）

iPhone和Gmail移动应用上的html电子邮件中表格之间存在不必要的差距

0 个答案: