email
ハイブリッド電子メールコーディング

前書き

単一カラム、流体レイアウト

ハイブリッドコーディングの基本的な設定は、単一の流体カラムです。ほとんどの電子メールクライアントはmax-widthサポートしているので、 <table>の幅を100％（流体）に設定し<table>が、最大幅（この場合は660px ）を超えないように設定できます。ウェブ上のように。

しかし、Windowsデスクトップマイクロソフトはmax-widthをサポートしておらず、このテーブルを100％幅でレンダリングするため、Microsoftの条件付きタグを使用して<table>に660pxハード幅を与える " ゴーストテーブル "を設定します。 WindowsデスクトップMicrosoftはデスクトップ専用であるため、小さなサイズでは流動的である必要はありません。また、これらのマイクロソフトの条件付きタグをサポートする唯一の電子メールクライアントであるMicrosoft Windowsデスクトップ以来、他のクライアントは誤って660pxデスクトップ幅に制限されません。

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="">
    <tr>
        <td align="center" height="100%" valign="top" width="100%">
            <!--[if mso]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="660">
            <tr>
            <td align="center" valign="top" width="660">
            <![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:660px;">
                <tr>
                    <td align="center" valign="top">
                        <p>Content Goes Here.</p>
                    </td>
                </tr>
            </table>
            <!--[if mso]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
</table>