2013-05-07 63 views
1

创建HTML格式的电子邮件,我有以下看似无法解决的问题:可以HTML电子邮件固定在Gmail中,流体移动?

  • Gmail中剔除了任何的头部。你必须使用内联样式。
  • 我希望我的设计能够在移动设备(特别是Android)上有所不同,我可以通过头部的媒体查询来做到这一点
  • 但是内联样式会覆盖头部的任何内容。

那么,我怎样才能做出一个设计,例如,在Gmail中600px宽但在Android上100%宽?

回答

3

你可以尝试嵌入电子邮件客户端不将其删除,并覆盖内联规则的<style>标签!重要的。这将是这个样子:

@media all { 
    width:100% !important; 
} 

请让我知道,如果它的工作原理...

+0

我编辑这个答案,包括CSS类的声明,'。内容:;'{宽度100%的重要!}。您需要将其列入您希望采取行动的表格。 – samanthasquared 2013-05-07 12:50:56

+0

可以是任何正常的CSS声明 - 不需要是'@media all'的一部分,将在'style'标签与任何CSS样式的工作,如果你只需要添加'important'到底! !重要的是优先于内联。 – John 2013-05-13 21:52:56

0

使用此内嵌CSS:风格=“宽度:100%; max-width:580px;' 一旦屏幕宽度低于580(长),则布局变得流体。 您可以更改任何适合您的需求值。这样,您就不会遇到很多跨客户端问题。 Gmail应用不支持标签顺便说一句。

相关问题