問題タブ [electronic-direct-mail]

HTML テンプレートの先頭に次のものがあります。

ただし、古い電子メール クライアントに関しては、HTML がまったくレンダリングされず、空白です... これを litmus でテストしました。

古いブラウザでもレンダリングできるように、上に追加または削除する必要があるものはありますか。

ありがとう

HTML

HTML ブラウザは、この ul padding-left をサポートしています。したがって、ブラウザに問題はありません。しかし、Gmail では左パディング スタイルが機能しません。その問題を修正する方法。

私は現在、私たちのビジネスで予定されているイベントの eDM を作成しています。これを目的としたレスポンシブボイラープレートを使用しました。

これは 2 列のレイアウトで、デバイスの幅が 600px 未満の場合 (メディア クエリを使用)、1 列のレイアウトに折りたたまれます。

ここで見ることができます

ブラウザーでプレビューすると、見栄えがよく、すべてが意図したとおりに機能します。携帯電話 (Sony Z2 - Gmail アプリ) で表示すると、いくつかの点が正しく表示されません。上部の黒いバナーが全幅ではありません。最初の「Hard Word」セクションは全幅ではなく、テキストの一部が紫色になっています。

これは Gmail アプリの問題ですか？

携帯電話のデフォルトのメール クライアントと iOS を使用しても問題ないようです。

申し訳ありませんが、スタック オーバーフローでコード要素が破損するため、コードを投稿できません。ごめん。ソースを調べてみてください。

どんな助けでも大歓迎です！

以下のスクリーンショットをご覧ください

• 全幅セルではありません

クライアント用のキャンペーン (EDM) を作成しました。モバイル、タブレット、およびデスクトップの Chrome や Safari などの最新のブラウザーではうまく機能しますが、Windows PC の Outlook 2010 では機能しません。テーブルの幅が Outlook ウィンドウの幅まで拡張されているため、レイアウトが壊れています。

（imgs：Chromeで動作する場合/ Outlook 2010で発生すること）

テーブルに使用するコードは次のとおりです。

ご協力ありがとうございました！

Outlook 2013 または infact デスクトップ クライアントのどのバージョンでも css レンダリングに問題がありますか? edmのテーブルtd背景画像にこの問題があります。私の edm は、Web ブラウザ経由で送信した場合は問題なく動作しますが、Outlook クライアントを使用すると、td 背景にわずかな css の変更があり、td 背景の前に追加するコードを調べ<span>ます<p>。

これは動作するedmのイメージで 、これはコードです

cssを使用したOutlookクライアントの問題を介して送信されました

コード検査、追加 css が p および span クラスに追加されます

Outlook デスクトップ クライアントからのみ送信するクライアント用の eDM を作成しました。css に問題があるか、何がエラーなのかわかりません。Web ブラウザーで eDM を開くと、すべて問題なく、Outlook クライアントにコードを挿入することもできますが、eDM 自体を受信すると、css レイアウトがわずかに変更されます。

次の画像は、私がアーカイブしてWebブラウザで開いたものです

この画像は、送受信後の結果を示しています

ご覧のとおり、行間が異なります。このエラーを解決するにはどうすればよいですか? これがその部分の私のコードです。Outlook 2013 を使用しています