휴대 전화와 호환되는 Html 전자 메일 템플릿

Question

나는 valid for mobiles and monitors이어야하는 html 전자 메일을 코딩하고 있습니다. 전자 메일 서식 파일을 코딩하는 방법을 알고 있으며 이제는 모니터에 완벽하게 코드화했습니다. 문제는 mobile compatibility입니다. 첨부 된 이미지 left one for monitors은 휴대 전화에 적합합니다. 그 모든 깨진, 내가 media queries를 참조했지만 정말 내가 TD있는 경우 누군가가

나를 도울 수를 사용하는 방법을 못하고 및 컴퓨터에서 볼 때 그 이 열 레이아웃 하지만, 모빌을 위해 그것은 하나의 콜럼을 하나의 ro로 보여 주어야한다. 이미지로 및 승 또한 내가 어떻게 노란색 이미지를 전체 화면으로하고 바로 전체 화면 폭에 따라 향하는 것은

Answer 1

당신이 있는지 확인하려면 전체 화면 ..as에 하나 개의 이미지를 조정

<meta name="viewport" content="width=device-width, initial scale=1.0"/> 

당신이 당신의 CSS 미디어 쿼리를 삽입 할 수 있습니다 그 후 :

@media only screen and (max-width: 600px) { 
    ... 
} 

뷰포트 메타 태그를 삽입

응답 성 HTML 전자 메일에 대한 자세한 내용은 http://www.webdesignerdepot.com/2013/06/responsive-html-email-design/