7

GmailまたはOutlookで次のHTMLメールを開くと、正常にレンダリングされます。

<img src="img.png" />

ただし、Outlookで開いてGmailに転送すると、ゴミのHTMLが追加され、領域の高さが本来よりも高くなります（「p」タグは、追加された高さ（具体的には3px）の原因になります）。

<p class="MsoNormal">
    <span style="font-size:10.0pt">
        <img src="img.png">
        <u></u>
        <u></u>
     </span>
</p>

画像にdisplay：blockを追加したり、font-sizeとline-heightを0に設定したりするなど、Gmailの間隔の問題を修正するための解決策はたくさんあります。私が制御できないシーンのHTML変更-スタイルと属性が削除されたり、独自のプロパティを持つタグが追加されたりします。

元のフォーマットを常に保持できるようにするための回避策はありますか？必要な追加の詳細を喜んで提供します。お知らせください。

4

2 に答える 2

2

これを修正する方法はありませんが、分離のサイズを制限して非表示にする方法があります。これを分離と呼びますが、これは実際には、Outlook が mso-normal p タグを適用するために拡大する一番上のセルです。関連記事はこちら。

表の間は、表の行間 (2px) よりも大きなギャップ (約 15px) を作成します。それはより複雑ですが、1 つの大きなテーブルに分けることができないものをすべて入れてみてください。colspans と rowspans は複雑になる可能性がありますが、正しく設定されていれば機能します。

分離を非表示にするには、bgcolor が設定されたマスター コンテンツ テーブルですべてのテーブルをラップします。たとえば、1 つの大きなコンテンツ ペインを白に設定します。Outlook から送信すると、すべての子テーブルが移動しますが、ギャップは白のままで、メール本文に不要な行が表示されなくなります。

フッターのトリック - メインの白いパネルの最後の子テーブルとして、これが分離すると、その下に白い線が作成されます。メイン パネルからフッター テーブルを削除するか、セルの bgcolor をメールの背景と同じに設定して、この区切りを非表示にします。

于 2013-03-01T17:00:10.380 に答える