2

モバイル アプリで正しく表示されるメール ニュースレターを作成しようとしていますが、Google Inbox の自動サイズ変更機能によってレイアウトが崩れます。

各要素をインラインで使用してみmin-widthました (gmail アプリで機能するトリック) が、残念ながら Inbox では効果がありませんでした。また、Gmail アプリとは異なり、メッセージの自動サイズ変更を無効にするオプションはありません。

助言がありますか？

4

3 に答える 3

5

私は同じことに遭遇しました。!important宣言を使用すると、機能することがわかります。例えば：

<div style="width: 100% !important; min-width: 100% !important;"></div>

これは、Gmail アプリと Inbox アプリでうまくいきました。

于 2015-10-15T17:06:11.687 に答える
1

同じことに気付きました。いくつかの電子メール テンプレートで機能しているのは、min-width を削除し、インライン スタイルの margin:0 auto; を追加することです。各テーブルに対して、これにより少なくともコンテンツが中央に配置されます。以下の例を参照してください。

                    <table ${cell_reset} style="${table_reset} width: 300px; margin:0 auto;" width="300" class="container" align="left">
                      <tr>
                        <td style="width:300px;">

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

                    <table ${cell_reset} style="${table_reset} width: 300px; margin:0 auto;" width="300" class="container" align="right">
                      <tr>
                        <td style="width:300px;">

                        </td>
                      </tr>
                    </table>
于 2015-08-05T20:49:54.253 に答える