お客様のためにニュースレターを作成してから3日後に問題が発生しました。 私は、左側に1つのイメージと右側にいくつかのテキストを含むセクションを作成しました。 This is what it looks likeレスポンシブ電子メールのセクションOutlookの問題
そして、これはコードです:
<div class="column narrow" style="text-align: left; color:
#430861; font-size: 16px; line-height: 24px; font-family: Open
Sans,sans-serif; Float: left; max-width: 320px; min-width: 200px; width:
320px; width: calc(72200px - 12000%)">
<div style="font-size: 12px; font-style: normal; font-weight:
normal" align="center">
<img class="gnd-corner-image gnd-corner-image-center
gnd-corner-image-top gnd-corner-image-bottom" style="border: 0; display:
block; height: auto; width: 100%; max-width: 397px" width="200"
src="http://i1.cmail20.com/ei/j/66/2D8/3C7/174211/temp_import/csfinal/AfbeeldingenVCCmailing-05.jpg">
</div>
</div>
<div class="column wide" style="text-align: left; color:
#430861; font-size: 16px; line-height: 24px; font-family: Open
Sans,sans-serif; Float: left; max-width: 400px; min-width: 320px; width:
320px; width: calc(8000% - 47600px)">
<div style="Margin-left: 20px; Margin-right: 20px;
Margin-top: 12px">
<div style="line-height: 4px; font-size: 1px"> </div>
</div>
<div style="Margin-left: 20px; Margin-right: 20px;
Margin-bottom: 12px">
<h2 class="size-16" style="Margin-top: 0; Margin-bottom: 0;
font-style: normal; font-weight: normal; color: #430861; font-size:
16px; line-height: 24px" lang="x-size-16"><span style="color:
#ffffff"><strong>WE ARE ARRIVING SOON!</strong><br>
Lashing + Securing will be fully available in<br>
Q4 2017</span></h2>
</div>
</div>
</div>
それはそれは、Outlook(すべてのバージョン、デスクトップ上のterribleだネクサス5と を除いて、すべての携帯電話でよさそうだし、ウェブ)
OutlookとNexus 5の問題を解決する方法を知っている人はいますか?
いくつかのより多くの情報は:
- 幅が600PXでなければなりません。
- 画像は左側に、テキストは右側にある必要があります。
ご協力いただきありがとうございます。あなたは、あなたは多くの問題を抱えているとしていることを行うことはありません場合は/ウェブメールなど実際に、メール送信のほとんどが600PXでなければなりません