MailChimp에 대한 뉴스 레터를 만들었습니다. mailchimp 웹 사이트에 넣을 때 모두보기 좋습니다.이메일 뉴스 레터 - 레이아웃이 이상하게 바뀝니다.
하지만 테스트 이메일을 보내면 Gmail의 레이아웃 중 일부가 잘못되었습니다.
일부 콘텐츠가 너무 오래 남았고 다른 콘텐츠가 너무 적합합니다. 머리 부분과 하단의 일부 부품은 올바른 위치에 있습니다. 내 전화로 잘 생겼어.
내 뉴스 코드 : http://imgur.com/MPJNJq2
당신은 그것의 Gmail에서 표시하는 방법을 내가 해결하는 데 도움을 주시겠습니까 : http://pastie.org/private/cwvosox7nzezqif7r3myoq
내가 Gmail에서지고있어 문제의 그림? 감사합니다.
페이지의 너비가 Gmail의 div보다 큽니다. 또는 kleinfreund 아이디어에도 좋은 점이 있습니다.
그는 MailChimp에서 뉴스 레터 미리보기로 창을 시도하고 크기를 조정해야합니다 – kleinfreund
내 너비는 534px입니다. 헤더에 대한 확인이 정확하지 않은 이유를 모르겠다. – RubyA
@RubyA 또한 모든 컨테이너 tds에 너비를 설정해야한다는 점에 유의해야한다 :'
편집 : 방금 다시 읽었습니다. 사용자 자신의 HTML처럼 보입니다. 디스플레이 문제는 머리에있는 스타일과 직접 관련이 있습니다.
위에 표시된 코드는 머리가 모두 들어있어 Gmail이 <head></head> 태그 사이에 아무 것도 인식하지 못합니다.
당신이 [CSS 지원 테이블]에서 보면, 인라인 스타일 자세한 내용
사실, if MailChimp를 사용하면 CSS가 자동으로 인라인되어야합니다. 그러나 나는 그것을 100 % 신뢰하지 않으므로 항상 내 CSS를 인라인으로 끌어 들이지 만 MailChimp는이 프로세스를 돕는 도구를 가지고 있습니다 : http://beaker.mailchimp.com/inline-css – samanthasquared
로 CSS의 모든 이동해야합니다 (http://www.campaignmonitor.com/css/). gmail이 실제로 지원하지 않는 몇 가지 기술을 사용했는지 확인할 수 있습니다. – kleinfreund
align = "left"입니까? 그렇다면 어떻게 수정해야합니까? – RubyA
아니요, html 속성 인'align'은 html 전자 메일에서도 상당히 잘 지원됩니다. 어떤 브라우저를 사용합니까? – kleinfreund