问移动css不适用于html电子邮件

EN

首先，你需要知道的是，Gmail总是会从你的电子邮件中完全删除你的CSS样式。它只能理解精确的内联样式，即使这样，它在某些条件下也会有一些问题。

例如：

1-黑色链接是不允许的，你需要使用#000001，否则Gmail会将它们呈现为蓝色。

2- Gmail将在任何图像周围添加空格，除非您指定它们显示为块元素。显示:块；

3-消息对话中的冗余文本将呈现为紫色，除非您再次指定文本的颜色为#000001。

4- Gmail将完全删除电子邮件的Head元素，因此您不能以这种方式指定样式。

5- Gmail目前还不能被认为是“响应式的”。根据我的测试，Outlook.com和Apple Mail是唯一可以优雅地在电子邮件中显示移动样式的邮件客户端。

你能描述一下到底是什么在“打破”吗?或者附加一张手机截图(同时按下主页键和开关键)。我有移动电子邮件优化的经验，如果我能理解到底是什么搞砸了，我相信我能回答你的问题。我会试着把你的代码从outlook发送到我的手机上，但是我有一个运行ios7的iPhone，它看起来可能还不错。

编辑:在没有实际测试代码的情况下，我发现您的媒体查询是不正确的。

你有：@media only屏幕和(max-device-width: 480px)

尝试：@media only screen and (max-width: 480px)

我不确定这是否是您需要的全部，但当我调整窗口大小时，它在浏览器中工作。

编辑：

下面是它在我的手机上的样子，作为签名从Mac Outlook 2011发送到使用Apple Mail的gmail帐户。签名不是通过代码添加的，而是通过在Chrome中复制浏览器页面并粘贴到签名编辑器中来添加的。

http://dolf.co/FILES/screenshots/IMG_0702.PNG