携帯電話で表示すると、2 列のレイアウトが 1 列のメールに変わるレスポンシブ メールを作成しています。このプロセスは正常に機能しますが、デスクトップ ベースの Outlook 2010 を満足させるには、いくつかのコード マッサージが必要です。このページでは、Outlook 2010 を満足させるために必要なプロセスと手順について説明します。
...メールが非常に長い場合を除きます。コンテンツの最初の列が特定の長さに達すると、Outlook はその横に 2 番目の列を配置するのを停止し、代わりにレイアウトのかなり下に配置して、コンテンツの最初の列の下に大きなガターを作成し、その上に巨大な空白のヘッダーを作成します。右の列。以下のコードは単純ですが、IE で開いて [ファイル]/[ページを電子メールで送信] を選択すると、この動作が繰り返されます。Xのいくつかを削除することで、レンダリングの問題を解消できます
これは、長さの制限または Word レンダリング エンジンによる「改ページを探しています」というおかしな動作を示しています。Word レンダリング エンジンがひどいことはわかっていますが、いつこの問題が発生するかを示すガイドラインを知りたいです。なぜなら、この時点で Word エンジンに関する問題のほとんどは文書化されており、かなり一貫性があるからです。私の問題は、ほとんどの人が短いメールを送信することを知っているため、この問題が発生しないことです。私は量を愛するグループと仕事をしています。
誰かがこれを回避する方法を知っているか、特定のトリガー特性を知っている場合は、私に知らせてください. 参考までに、br を p または行に置き換えることができ、問題は同じです。明らかに、私が送信する電子メールはこれよりもはるかに複雑ですが、それがこのコードのポイントであり、問題を引き起こしながら物事がいかに単純であるかを示しています。
<table width="100" border="0" cellsbracing="0" cellbradding="0" valign="top">
<tr></tr>
<tr>
<td align="left" valign="top"><table align="left">
<tr>
<td align="left" valign="tobr">
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br>X<br>X<br>X<br>X<br>X<br>X<br>
X<br></td>
</tr>
</table>
<table align="left">
<tr>
<td align="left" valign="top">O<br>
O<br>O<br>O<br>O<br>O<br>O<br>O
<br>O<br>O<br>O<br>O<br>O<br>O
<br>O<br>O<br>O<br>O<br>O</td>
</tr>
</table></td>
</tr>
</table>