0

このメッセージの最後の部分の Mac カットのデフォルトのメール クライアント。アクティブ化リンク内の画像の後、残りのメールは切り取られます。

しかし、iPhone、Windows Phone、Outlook ではすべてのメールを見ることができます。

    <div style="width: 100%; border-spacing: 0;">
        <div style="background-color: #ffffff;">
            <div style="height: 155px;">
                <img src="http://website.com/static/img/logo.jpg" />
            </div>
        </div>
        <div style="background-color: #cccccc;">
            <div style="height: 5px;"></div>
        </div>
        <div style="background-color: #f2f2f2;">
            <div style="padding: 20px;">
                <p>Some text</p>
                <br />
                <p>
                    <a href="http://website.com/activate/key123">
                        <img src="http://website.com/static/img/landing/img.jpg" />
                    </a>
                </p><p>MoreText</p>
            </div>
        </div>
    </div>
4

1 に答える 1

0

まず、HTML メールでは、div ではなくテーブルを使用する必要があります。

画像タグには高さと幅がありません。これが問題の原因である可能性があります。通常、イメージ タグは次のようになります。

<img style="margin: 0; border: 0; padding: 0; display: block;" src="" width="" height="" alt="">
于 2013-09-26T12:24:14.310 に答える