我正在创建一个我认为简单的HTML电子邮件签名。设计并不复杂，但在iPhone邮件应用程序上它会破坏。
这应该是这样的：http://entecinc.com/email-signature/index-inline.html 它适用于我测试的桌面电子邮件客户端。
我试过-webkit-text-size-adjust：none;内联应用于所有元素，但无论出于什么原因似乎都不起作用。
我也尝试过display：none！important;包含图像的所有元素，包括图像，尽管它仍显示在电子邮件中。
我应该以某种方式应用这些移动CSS规则的方式与我的方式不同吗？
不确定这是否相关，但我正在测试发送出Outlook，以及在iPhone 4上以Apple邮件打开的Gmail帐户。
答案 0 :(得分：2)
首先，您需要了解的是，Gmail始终会从您的电子邮件中完全删除您的CSS样式。它只能理解精确的INLINE样式，即便如此，它在某些条件下也存在一些问题。
前：
1-不允许使用黑色链接，您需要使用＃000001，否则Gmail会将其呈现为蓝色。
2- Gmail会在任何图片周围添加空白区域，除非您指定它们显示为块元素。显示：块;
3-消息对话中的冗余文本将呈现为紫色，除非您再次指定文本的颜色为＃000001。
4- Gmail会完全取消您电子邮件的Head元素，因此您无法以这种方式指定样式。
5-目前，Gmail无法被视为“响应式”。根据我的测试，Outlook.com和Apple Mail是唯一能够在电子邮件中优雅地显示移动样式的邮件客户端。
答案 1 :(得分：1)
您能描述实际上“破坏”或从手机附加屏幕截图的内容（同时按下主页按钮和关闭按钮）。我有移动电子邮件优化的经验，我相信如果我能理解实际上搞砸了什么，我将能够回答你的问题。我会尝试将你的代码表格发送到我的手机，但我有一台运行ios7的iPhone，看起来很不错。
编辑： 在没有实际测试代码的情况下，我发现您的媒体查询不正确。
你有： @media only screen和（max-device-width：480px）
尝试： @media only screen和（max-width：480px）
我不确定这是否是你所需要的，但是当我调整窗口大小时它在浏览器中有效。
编辑：
以下是我的手机在Mac Outlook 2011中作为签名发送到使用Apple Mail的gmail帐户的样子。签名不是通过代码添加的，而是通过复制Chrome中的浏览器页面并粘贴到签名编辑器中。
