고객을위한 3 일간의 뉴스 레터를 작성한 후 문제가 발생했습니다. 왼쪽에 하나의 이미지가 있고 오른쪽에 텍스트가있는 섹션을 만들었습니다. 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>
그것은 넥서스 5 는 전망에 terrible (모든 버전, 데스크탑 및을의 제외하고 모든 휴대 전화에 좋아 보인다 웹)
Outlook과 Nexus 5에서이 문제를 해결하는 방법을 아는 사람이 있습니까?
좀 더 정보 :
- 폭 600 픽셀이어야합니다.
- 이미지는 왼쪽에, 텍스트는 오른쪽에 있어야합니다.
감사합니다. 당신이, 당신이 많은 문제가 거라고하지 않을 경우/웹 메일 등 사실, 이메일 전송의 대부분은 600PX해야