Gmail 용 이메일 템플릿 생성 - 미디어 쿼리 관련 문제

Question

GMAIL 용 HTML + CSS가 포함 된 이메일 템플릿을 만들려고합니다. 그것은 반응이있을 것이다! 하지만 "미디어 쿼리"는 Gmail에서 지원하지 않는다는 것을 알고 있습니다. 그래서 저는 구식 HTML 태그 (테이블, TD 등)와 CSS 태그를 사용하는 대신 비율을 사용하여 "유체 레이아웃"을 만들려고합니다. 템플릿 (예 : http://webdesign.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978)을 이미 만들었지 만 여전히 문제가 있습니다.

브라우저의 크기를 조정할 때 왼쪽 - 왼쪽으로 이동하려면 - 아래쪽으로 이동하지만 오른쪽으로 이동하려면 - 오른쪽으로 이동하십시오. 왼쪽 열이 맨 아래에 있고 오른쪽 열이 맨 위에 오도록 코드를 작성하는 방법은 무엇입니까? "미디어 쿼리"를 사용하지 않고도 가능합니까?

감사합니다.

Answer 1

이것은 잘못된 순서로 인해 발생할 수 있습니다. -left col- inside가있는 테이블이 -right col- 아래에 놓여 있는지 확인하십시오. 테이블 래퍼가 왼쪽에 정렬되어있는 한 볼 때 그 방식으로 표시됩니다.

그 답이 도움이되지 않는다면, HTML 스 니펫을 제공해 주시면 문제의 원인을 살펴볼 수 있습니까?