创建 HTML 电子邮件时，我遇到了以下看似无法解决的问题：
- Gmail 会剔除头脑中的任何内容。您必须使用内联样式。
- 我希望我的设计在移动设备（特别是 Android）上有所不同，我可以通过头部的媒体查询来做到这一点
- 但是内联样式覆盖了头脑中的任何东西。
那么我该如何设计，例如，在 Gmail 中为 600px 宽，但在 Android 上为 100% 宽？
问问题
861 次
2 回答
3
<style>您可以尝试为不删除它们的电子邮件客户端嵌入标签，并使用 !important 覆盖内联规则。它看起来像这样：
@media all {
width:100% !important;
}
请让我知道它是否有效...
于 2013-05-07T03:09:36.323 回答
0
使用这个内联 css: style='width:100%; 最大宽度：580 像素；' 一旦屏幕宽度下降到 580 像素以下，布局就会变得流畅。您可以更改任何适合您需要的值。这样，您就不会遇到很多跨客户端问题。顺便说一句，Gmail 应用程序不支持标签。
于 2013-10-02T16:42:31.367 回答