我创建了一个响应电子邮件模板这在所有Web客户机的工作原理，所有版本的Outlook，苹果邮件，雷鸟，iOS版，HTC的“邮件”应用程序，几乎一切减去的Lotus Notes。
是不：l，在Android版Gmail应用工作。 我敢肯定，这是因为Gmail中剔除了在头所有的CSS（包含媒体查询），所以它显示标准网页版，但窗口是移动的大小，因此它显示的电子邮件大约300像素的一半。 反正是有，迫使它使用媒体查询？ 做不到这一点有没有办法来改变视？ 什么是最好的回退的选择吗？
谢谢！
Answer 1:
有使用媒体查询，因为它们不能被内联没有解决方法。 不幸的是，Gmail的关于响应电子邮件（假设响应=媒体查询）无解。
下面是选择：
- 流体布局 -一个基于百分比的布局-通常是一列电子邮件是100％。 您可以添加最大宽度变通办法来限制其在桌面上的宽度。 这是所有大客户支持100％，并且是在我看来HTML电子邮件的最佳技术。
- 对齐表格 -这是比响应速度更快的适应“。 作品一样浮动的div。 HTML的
align="left"属性表中的工作更加一致主要的电子邮件客户端，如float具有有限的支持。 - 靠左 -简单地与所有左侧重要的东西设计你的电子邮件。 设备将始终显示在最左边的300个左右的像素，所以拆分列，文本左，右图像布局可能是合适的。
你可以找到的流体几个例子和float /对准这里 。
Answer 2:
您可以使用这里看到的技术迫使电子邮件停留在对Gmail应用程序的桌面宽度。 这是不是一个优秀的解决方案，一切都将是相当小的，它肯定是不响应的（完全相反）。
但它至少会从打破停止你的布局。
关键是要增加
<div style="display: none; white-space: nowrap; line-height: 0; color: #ffffff;">
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
</div>
以电子邮件的最宽的部分
https://css-tricks.com/override-gmail-mobile-optimized-email/
文章来源: Responsive emails on Gmail app (Android)
