这个问题类似于“Standard way to detect mobile browsers in a web application based on the http request”，除了邮件客户端。例如，如果在内置的 iPhone 邮件客户端上打开一封电子邮件，它将显示专门为 iPhone 格式化的邮件版本。如果在平板电脑或台式机上打开，它将显示为电子邮件的完整全尺寸版本。这在原则上类似于网站的移动友好版本，通过检测用户代理自动加载 - 但针对电子邮件客户端。
那么 - 是否可以检测到用于打开电子邮件并相应地格式化消息的邮件客户端？也许是一种检测屏幕分辨率的方法？
【问题讨论】：
标签： iphone html css email mobile
您可以尝试应用针对特定浏览器（如移动设备）的 @media css 查询。 campaignmonitor help website 上有一个很好的介绍，但请注意，它可能仅在充满浏览器和设备的手中受支持，幸运的是，iOS 正在其中:)
基本上，您正在定义针对特定屏幕宽度的 css 样式，以便您可以针对有限的屏幕空间优化电子邮件。
@media only screen and (max-device-width: 480px) { ... }
当谈论真正的检测并显示完全不同的电子邮件时，这真的是不可能的，因为您在那里谈论的是 javascript，而这不是在电子邮件中完成的，甚至可能在 99% 的电子邮件客户端中都不起作用。但是你可以通过@media 查询走很长的路。
【讨论】：
display: none;（并在其外部的其他变体上显示：none）。
我认为最好的解决方案是使用响应式网页设计技术。所以我的建议是流畅的电子邮件布局，可以根据手机屏幕的大小进行调整。
这里是一个例子：http://stylecampaign.com/blog/?p=85
注意：为电子邮件编写标记与浏览器完全不同。以下是一些值得一看的指南：
http://articles.sitepoint.com/article/code-html-email-newsletters/
http://www.mailchimp.com/resources/guides/email-marketing-field-guide/
【讨论】：
如果您想要专门针对移动浏览器的 CSS，您可以尝试以下代码。
<link rel="stylesheet" type="text/css" href="desktop.css" media="screen" />
<link rel="stylesheet" type="text/css" href="handheld.css" media="handheld" />
HEAD 标记通常会被电子邮件客户端剥离，因此首选内联样式。但是，如果您在 BODY 标记内链接到 CSS，它应该可以工作。
【讨论】：
当您说“邮件客户端”时，您是指使用 ActiveSync、IMAP 或 POP 访问的真正电子邮件客户端吗？然后你需要知道每个协议上是否有任何信息可以模拟来自 HTTP 的用户代理，不幸的是在 IMAP 或 POP3 AFAIK 上没有。通过 Active-Sync，即 HTTP，您拥有 User-Agent，并且可以根据您的需要调整响应 - 例如，首先设备要求提供文本版本（例如列表视图上的预览行），然后要求提供整个 mime 版本（可能是 html）。此时，服务器可以调整电子邮件 mime 并返回优化版本（例如调整标记、转换或调整附件大小等）
【讨论】：