私は想像し得る最も頭を悩ませるシナリオに遭遇しました。
背景: 私たちの SAAS 企業では、トランザクション メール サービスとして MandrillApp を利用して、美しくフォーマットされ、ドキュメントの種類などを宣言するトランザクション ウェルカム メールを送信しています。
問題: 私たちが遭遇した問題は、iOS7 では、メールの HTML ソースが送信者とタイムスタンプの下のプレビュー セクションに表示されることです。
試みられた解決策:
- ドキュメントタイプを完全に削除しようとしましたが、すべてのHTMLが表示されました
- ドキュメントタイプをXHTML 1.0からHTML 5に変更しました
- プリヘッダーに追加されました。動作しませんでした
コード:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tbody>
<tr>
<td align="center" valign="top" style="padding:0 0 20px">
<table width="830" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center">
<p style="padding:30px 0 1px">
<font face="Helvetica Neue, Arial, Helvetica, sans-serif" size="6" color="#323232" style="line-height:1;font-size:34px;font-weight:300">
Some Text
</font>
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
どのような助けでも大歓迎です!
答え1
HTML を修正しても、特に以下に示す tr のプレビューはまだ間違って見えますか?
<tbody>
<tr>
<td align="center">
<p style="padding:30px 0 1px">
<font face="Helvetica Neue, Arial, Helvetica, sans-serif" size="6" color="#323232" style="line-height:1;font-size:34px;font-weight:300">
Some Text
</font>
</p>
</td>
-- You're missing </tr> here --
</tbody>
それとも、ここで質問を入力した際にエラーが発生したのでしょうか?