본문 배경색이 이메일 뉴스 레터를 위해 작동하지 않습니다.

<body bgcolor="#efefef" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
    <table width="100%" border="0" cellpadding="0" cellspacing="0"> 
     <tr> 
       <td width="650" valign="top" align="center" bgcolor="#efefef"> 
        .... 
       </td> 
     </tr> 
    </table> 
</body>

태그는 이제 이메일 템플릿 컨테이너 래퍼입니다. 일부 전자 메일 클라이언트가 본문 태그를 제거하면 모든 클라이언트가 지원하는 100 % 테이블로 되돌아갑니다.

나는 또한 당신의 <head> 태그에 다음 사용하는 것이 좋습니다 것입니다

<style type="text/css"> 
    body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;} 
    .ExternalClass {width:100%;} 
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} 
</style>

이

않는 다음과 같은 몇 가지 엑스트라로 : 변화하는 기본 글꼴 크기에서

방지 웹킷과 윈도우 모바일 플랫폼 데스크톱 디자인을 깨뜨리지는 않습니다.
Hotmail에서 전체 너비로 전자 메일을 표시하도록합니다.
강제로 Hotmail에 일반 줄 간격을 표시합니다.

출처

2014-05-14 09:42:23 Lodder

본문 요소가 항상 무시되는 것은 아니지만 (특히 Outlook에서는) 전체 너비 테이블을 폴백으로 사용해야합니다. 또한 html 영역 배경이 다른 것으로 남아있는 동안 전달 배경색을 흰색으로 유지하는 좋은 방법이됩니다.

여기 염두에있는 기본 설정입니다 : 당신이 backgorund에 이미지를 원하는 경우 보조 노트에

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title> 
    <style type="text/css"> 
    /* Client-specific Styles */ 
    #outlook a {padding:0;} 
    body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;} /* force default font sizes */ 
    .ExternalClass {width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Hotmail */ 
    a:active, a:visited, a[href^="tel"], a[href^="sms"] { text-decoration: none; color: #000001 !important; pointer-events: auto; cursor: default;} 
    table td {border-collapse: collapse;} 
    </style> 
</head> 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="margin: 0px; padding: 0px; background-color: #FFFFFF;" bgcolor="#FFFFFF"><table bgcolor="#252525" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td><table width="600" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td valign="top" style="padding-top:30px; padding-bottom:30px;"> 

<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td bgcolor="#FFFFFF" style="padding:30px;"> 
     Content here 
    </td> 
    </tr> 
</table> 

</td></tr></table></td></tr></table></body></html>

, HTML 이메일 2 가지 방법이 있습니다. 자세한 내용은 See this answer을 참조하십시오.

출처

2014-05-15 18:24:58 John

본문 배경색이 이메일 뉴스 레터를 위해 작동하지 않습니다.

답변

관련 문제