아웃룩 프로그램에서는 메일 내용이 왜 이상하게 보일까?

안녕하세요. 최차장입니다.

금일 뉴스레터 한 통을 받았는데 특정 문구가 눈에 들어오더라구요.

아웃룩 프로그램에서는 메일 내용이 이상하게 보일 수 있다는 메시지인데요.

그래서 아웃룩에서 해당 메일을 오픈 해봤습니다.

정상적인 원래 내용

아웃룩 프로그램의 메일 내용

왜 이런 차이가 발생할까요??

수신 된 메일의 원문보기를 통해서 소스를 보면 스타일시트가 정의되어 있습니다.

<table style="border-collapse: collapse;word-break: break-all;padding: 0;table-layout: fixed;border-spacing: 0;border: 0;max-width: 750px;width: 100%;margin: 0 auto;background-color: #fff;">

<td style="padding: 0 30px 0 30px; font: inherit;color: inherit;background-color: #6fd5e4;">  <!-- 헤더 -->
<div style="border-bottom: 0;">
<table style="border-collapse: collapse;word-break: break-all;padding: 0;table-layout: fixed;border-spacing: 0;border: 0;max-width: 690px; width: 100%;margin: 23px 0 16px;font-size: 0;">
<!--[if (gte mso 9)|(IE)]> <table style="border-collapse: collapse;word-break: break-all;padding: 0;table-layout: fixed;border-spacing: 0;border: 0;max-width: 690px; width: 690px;margin: 23px 0 16px;font-size: 0;"><![endif]-->

브라우저를 좁혀보면 반응형이 적용되어 메일의 내용이 디바이스에 따라서 보기 편하게 변하는 것을 확인 할 수 있었는데요. 아웃룩 같은 프로그램은 이런 스타일시트를 제거하고 메일 내용을 보여주기 때문에 원래 내용과 다르게 보이는 것입니다.

썬더메일 통계 중 '도메인별통계' 화면

'도메인별 통계' 화면을 참고해서 가장 많이 포함된 도메인을 타켓팅으로 해서 메일 html을 작성하면 되겠죠.

메일서비스 업체마다 자동 삭제하는 태그의 종류와 기준이 상이하기 때문에 모든 조건을 충족 시킬 수 없습니다.

작성자: 최차장