HTML 이메일이 제대로 렌더링되지 않습니다.

Laravel 앱의 이메일에 아주 기본적인 HTML 레이아웃을 디자인했지만 Spark 이메일 클라이언트 (형식 지정이 없음)와 Apple Mail에 제대로 표시되지 않습니다. 미리보기 창에 텍스트 대신 HTML.HTML 이메일이 제대로 렌더링되지 않습니다.

나는 가능한 한 간단하고 CSS 인라인을 모두 렌더링 된 HTML을 유지했습니다.

올바르게 렌더링하려면 무엇이 부족합니까? 추가해야 할 특수 태그가 있습니까? 아니면 HTML 이전에 추가 서식이 있습니까?

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <meta name="viewport" content="width=device-width"> 
    <link href="https://fonts.googleapis.com/css?family=Pacifico|Open+Sans" rel="stylesheet"> 
    <title>Notification</title> 
</head> 
<body style="padding: 10px; background-color: #f6f6f6" bgcolor="#f6f6f6"> 
    <table cellpadding="0" cellspacing="0" border="0" style="width: 100%; border-radius: 3px; background-color: #ffffff; border: 1px solid #e9e9e9"> 
     <tbody> 
      <tr> 
       <td style="border-radius: 3px 3px 0 0; background-color: #7266ba; padding: 40px 0"> 
        <p style="font-family:'Pacifico', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; color: #ffffff; text-align: center"> 
         Alert Message Goes Here 
        </p> 
       </td> 
      </tr> 
      <tr> 
       <td style="padding: 40px; color:#7266ba"> 
        <p style="font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;"> 
         Body goes here 
        </p> 
        <p style="font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin-top: 30px"> 
         &mdash; Company 
        </p> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</body> 
</html>

출처

2017-11-05 timgavin

어떤 버전의 Laravel입니까? 전자 메일을 보내는 코드를 제공 할 수 있습니까? – CUGreen

@CUGreen 전자 메일 테스트 도구를 통해 보낼 때도 제대로 표시되지 않기 때문에 Laravel과 관련이 없다고 생각합니다. – timgavin

정말요? 나를 위해 잘 작동합니다. 이 이메일을 보내는 방법에 대한 정보를 조금 더 제공해야합니다. – CUGreen

알아 냈어.

두 경우에 나는 텍스트 만 표시하기 위해 <p> 태그 만 사용했습니다. 테이블에이 두 개의 태그를 배치하면 모든 것이 올바르게 표시되기 시작했습니다.

출처

2017-11-09 14:26:08 timgavin

HTML 이메일이 제대로 렌더링되지 않습니다.

답변

관련 문제