1

そのテーブルの古いバージョンの IOS で HTML 電子メールに少し問題があると、互いに隣り合わせに配置されません。クライアント用にレスポンシブ メール レイアウトを作成しており、テーブルをフロートさせるために align="left" を使用する必要があります。(下記サンプルコード)

考えられるすべてのクライアントでテストしましたが、この問題があるのは古い IOS バージョンのみです。

サンプルコード: (これは私が使用している実際のコードではありませんが、原則は同じです)

<table cellspacing="0" cellpadding="0" width="600" border="0" class="full-width">
    <tr>
        <td width="600" class="full-width">

            <table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
                <tr>
                    <td width="200">Some Text Here 1</td>
                </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
                <tr>
                    <td width="200">Some Text Here 2</td>
                </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
                <tr>
                    <td width="200">Some Text Here 3</td>
                </tr>
            </table>

        </td>
    </tr>
</table>

これは、IOS 5 (正しくない) と IOS 6 (正しい) で何が起こっているかのイメージです。

表を含む IOS 5 と 6 のそれぞれの画像

どんな援助でも大歓迎です。さらに情報が必要な場合はお知らせください。

4

2 に答える 2

0

表のセルにありますalign="200"。サンプル コードの単なるタイプミスかどうかはわかりませんが、問題が発生している可能性があります。float:left;それ以外の場合は、それが役立つかどうかを確認するために、フォールバックとして整列されたテーブルに追加してみてください。

また、テーブル セルの幅を 100% または 200 に設定して、期待どおりに動作していることを確認し、全幅クラスまたは他の CSS が異常なことをしていないことを確認します。

于 2013-07-03T13:29:00.397 に答える