반응형 메일을 위한 메일 본문 템플릿 샘플입니다.

반응형 메일을 위한 메일 본문 템플릿 샘플입니다.

메일에서는 반응형웹 서비스를 사용할 수 없습니다.  그 이유는 수신서버에서 반응형웹이 작동할 때 필요한 각종 스크립트나 스타일시트를 자동제거해서 정상작동하지 않기 때문입니다.

 

가령 , 여러 번 테스트를 통해서 네이버 웹메일로 수신되는 메일은 반응형이 작동한다하더라도 다른 메일 프로그램에서 긁어와서 메일을 볼 때는 반응형이 작동하지 않을 수 도 있습니다.  또  같은 메일이 다른 포털에서는 반응형이 작동 하지 않을 수 있습니다.

 

아래 소개하는 방법은 정확히는 반응형이 아닙니다.  폭에 따라서 메일 본문이 유동하게 하는 소스입니다.

 

메일에서는 반응형웹에서 사용되는 소스를 사용하시면 정상적으로 작동하지 않습니다.

수신서버에서 일부 소스나 태그들을 강제로 삭제하기 때문입니다.

아래 샘플코들를 통해서 반응형웹과 비슷한 효과를 볼 수 있습니다.

아래 소스를 입맛에 맞게 변형하여 사용하시면 되겠습니다.

소스코드

---

<div style=”background: rgb(245, 245, 245); margin: 0px auto; font-family: Malgun Gothic,Myriad; border-top-color: rgb(170, 170, 170); border-top-width: 2px; border-top-style: solid; min-width: 310px; max-width: 600px;”>     <div style=”width: 200px; float: left;”>DIV1</div>     <div style=”width: 200px; float: left;”>DIV2</div>     <div style=”width: 200px; float: left;”>DIV2</div>         <div style=”clear: both;”>aaaa</div> </div>

---

미리보기