0

私はすでにこの問題を解決しようとしており、多くのトピックを読み込もうとしましたが、何も機能しません...

問題は、HTML (画像) メールを持っていることです。すべてのデスクトップ クライアントで完全に動作しますが、iPhone と Gmail アプリでは問題が発生します。

電話をズームまたは移動すると、一部の解像度でテーブル間に小さなギャップが表示されます。時々消えてしまうので、レンダリングの問題だと思いますが、どうすれば回避できますか?

ここにさまざまな画像を含む完全な zip - 通常のブラウザーとクライアントではギャップがないことがわかりますが、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 アプリ: 隙間の画面

ご協力いただきありがとうございます！:)

4

0 に答える 0