移动css不适用于html电子邮件
我正在创建一个简单的html电子邮件签名。它的设计并不复杂，但在iPhone邮件应用程序上，它被打破了。
这是它应该看起来的样子：http://entecinc.com/email-signature/index-inline.html，它可以在我测试过的桌面电子邮件客户端上工作。
我尝试过-webkit-text-size-adjust: none；将内联应用于所有元素，但由于某种原因似乎不起作用。
我还尝试了display:none !important；到图像周围的所有元素，包括图像，尽管它仍然显示在电子邮件中。
有没有一种我应该以不同的方式应用这些移动CSS规则的方式？
我不确定这是否相关，但我正在测试发送邮件到iPhone 4上的苹果邮箱中的gmail账户。
回答 2
Stack Overflow用户
发布于 2013-08-02 22:00:43
首先，你需要知道的是，Gmail总是会从你的电子邮件中完全删除你的CSS样式。它只能理解精确的内联样式，即使这样，它在某些条件下也会有一些问题。
例如：
1-黑色链接是不允许的，你需要使用#000001，否则Gmail会将它们呈现为蓝色。
2- Gmail将在任何图像周围添加空格，除非您指定它们显示为块元素。显示:块；
3-消息对话中的冗余文本将呈现为紫色，除非您再次指定文本的颜色为#000001。
4- Gmail将完全删除电子邮件的Head元素，因此您不能以这种方式指定样式。
5- Gmail目前还不能被认为是“响应式的”。根据我的测试，Outlook.com和Apple Mail是唯一可以优雅地在电子邮件中显示移动样式的邮件客户端。
Stack Overflow用户
发布于 2013-08-02 04:29:05
你能描述一下到底是什么在“打破”吗?或者附加一张手机截图(同时按下主页键和开关键)。我有移动电子邮件优化的经验，如果我能理解到底是什么搞砸了，我相信我能回答你的问题。我会试着把你的代码从outlook发送到我的手机上，但是我有一个运行ios7的iPhone，它看起来可能还不错。
编辑:在没有实际测试代码的情况下，我发现您的媒体查询是不正确的。
你有：@media only屏幕和(max-device-width: 480px)
尝试：@media only screen and (max-width: 480px)
我不确定这是否是您需要的全部，但当我调整窗口大小时，它在浏览器中工作。
编辑：
下面是它在我的手机上的样子，作为签名从Mac Outlook 2011发送到使用Apple Mail的gmail帐户。签名不是通过代码添加的，而是通过在Chrome中复制浏览器页面并粘贴到签名编辑器中来添加的。
https://stackoverflow.com/questions/18002818
复制相似问题
腾讯云开发者
