我正在创建一个我认为是简单的 html 电子邮件签名的东西。设计并不复杂，但在 iPhone 邮件应用程序上它就坏了。
这就是它应该看起来的样子：http ://entecinc.com/email-signature/index-inline.html 它适用于我测试过的桌面电子邮件客户端。
我试过 -webkit-text-size-adjust: none; 内联应用于所有元素，但无论出于何种原因，这似乎都不起作用。
我也试过 display:none !important; 到图像周围的所有元素，包括图像，尽管它仍然显示在电子邮件中。
是否有某种方式我应该以不同于我的方式应用这些移动 CSS 规则？
不确定这是否相关，但我正在测试将 Outlook 发送到 iPhone 4 上在苹果邮件中打开的 gmail 帐户。
首先，您需要知道的是，Gmail 将始终从您的电子邮件中完全删除您的 CSS 样式。它只会理解精确的 INLINE 样式，即便如此，它在某些条件下也存在一些问题。
前任：
1- 不允许使用黑色链接，您需要使用#000001，否则 Gmail 会将这些链接呈现为蓝色。
2- Gmail 将在任何图像周围添加空格，除非您指定它们显示为块元素。显示：块；
3- 消息对话中的冗余文本将呈现为紫色，除非您再次指定文本的颜色为 #000001。
4- Gmail 将完全废弃您电子邮件的 Head 元素，因此您不能以这种方式指定样式。
5- 目前，Gmail 不能被视为“响应式”。根据我的测试，Outlook.com 和 Apple Mail 是唯一可以在电子邮件中优雅地显示移动样式的邮件客户端。
Can you describe what is actually "breaking" or attach a screenshot from the phone (press home button and on off button at the same time). I have experience in mobile email optimization and I'm sure I'll be able to answer your question if i could understand what is actually getting messed up. I'll try to send your code form outlook to my phone, but I have an iPhone running ios7, it may look just fine.
EDIT: Without actually testing your code I see that your media query was incorrect.
You have: @media only screen and (max-device-width: 480px)
Try: @media only screen and (max-width: 480px)
I'm not sure if this is all you needed, but it worked in the browser when I resized the window.
EDIT:
Here's how it looked on my phone sent as a signature from Mac Outlook 2011 to a gmail account using Apple Mail. The signature was added not with code, but by copying the the browser page in Chrome and pasting into the signature editor.
