2017-11-07 3 views
1

Foundation for Emailsを使用して、いくつかのHTMLメールを作成しました。私は作成したすべての電子メールと一貫して、iOS Mailアプリで奇妙な動作を見ています。プレビューテキストに何らかの理由で改行があります。ここで私が何を意味するかだ。その代わり、連続文字列として全体のプレビューテキストを示すのiOS Mailアプリのメールプレビューテキストに改行があるのはなぜですか?

enter image description here

、それはそれ自身の行に「感謝」を入れています。プレビューテキストがこのように表示している理由を私は理解することはできません

<span class="preheader" style="color:#f3f3f3;display:none!important;font-size:1px;line-height:1px;max-height:0;max-width:0;mso-hide:all!important;opacity:0;overflow:hidden;visibility:hidden">Thanks for your order! Your order number is 1538. Please save this order confirmation email for your records.</span> 

これはプレビューテキストのコードです。誰か手掛かりがありますか?

プレビューテキストを完全に削除しても、プレビューは引き続き改行して表示されます。私は非常に混乱しています

Thanks 
For Your... 

.preheaderセクションが空であるかのように、例えば、その後のiOSは、プレビューテキストを表示します。誰かがこれを引き起こしている可能性のある考えを持っていますか?

.preheaderタグのスタイル以外にも、.preheaderタグの親であるbodyにこれらのスタイルがあります。

-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;Margin:0;box-sizing:border-box;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important 
+0

誰もがこれを手伝ってくれますか?それは非常にイライラしていて、私はそれが原因で起こったことは何も見ません。私は基本的にただ箱の外の電子メールの基礎を使用しています。フレームワークを使用して生成するすべてのメッセージと一貫して起こっています。誰もこの行動を見たことがありますか? – flyingL123

答えて

1

電子メールはBigCommerce経由で送信されています。 BigCommerceが電子メールをどのようにエンコードするかという問題です。 BigCommerceは行の長さを制限する改行を追加しますが、 'quoted-printable'エンコーディングを使用して連続した行が連続していることを確実にしません。挫折していますが、少なくとも説明はあります。私は彼らに説明を送ったので、それが決まったら見てみましょう。

関連する問題