0

弊社のメールクライアントであるMicrosoftOutlookが受信するPHPメールがあります。Gmailにもコピーがあります。Gmailではすべてが正常に見えます:

このphp/html:

$remainder = <<<EOD

<tr>
    <td colspan='2' style='font-size:12pt; padding:5px 0px 5px 3px; background-color:#F7F7F7;'>
    Product details
    </td>
</td>


<tr>
    <td style="width:150px;font-size:10pt; padding:10px 8px 0px 3px;" align="left">
        Product type:
    </td>

    <td style='font-size:10pt; padding:10px 0px 0px 0px;'>
        {$product}
    </td>
</tr>


<tr>
    <td style='width:150px;font-size:10pt; padding:10px 8px 0px 3px;' align="left">
        Quantity:
    </td>

    <td style='font-size:10pt; padding:10px 0px 0px 0px;'>
        {$qty}
    </td>
</tr>       



<tr>
    <td style='width:150px;font-size:10pt; padding:10px 8px 0px 3px;' align="left">
        Product size:
    </td>

    <td style='font-size:10pt; padding:10px 0px 0px 0px;'>
        {$productSize}
    </td>
</tr>



<tr>
    <td style='width:150px;font-size:10pt; padding:30px 8px 0px 3px;' align="left">
        Account executive:
    </td>

    <td style='font-size:10pt; padding:30px 0px 0px 0px;'>
        {$accountExec}
    </td>
</tr>

Gmailで次のようなものを生成します:(トリミングしなかった上部の部分を除く)

Gmailのスクリーンショット

ただし、Microsoft Outlookでは、次のようになります(パディングが大きく膨らんでいます)。

ブラウザの要素を見ると(msOutlookからgmailに要素を転送すると)、いくつかの異なる要素が追加されていることがわかります。なぜこれが起こるのでしょうか?それを防ぐ方法はありますか?

explanation of html in chrome console

ms outlook printout

どちらでも正しく見えるようにするにはどうすればよいですか?

ありがとう!

4

1 に答える 1

1

すべてのテーブルセルのコンテンツをdivでラップし、tdではなくそのdivにパディングを与えることをお勧めします

于 2012-09-20T17:24:52.067 に答える