Question

我尝试为电子邮件创建响应式设计，例如在移动设备上将表格宽度设置为100％或更改文本颜色等一些基础知识，它可以在Thunderbird等桌面客户端应用中使用，但在Android和桌面上均无法使用版本的Gmail。我试图在互联网上找到答案，但是找不到关于此的最新信息。

我遵循gmail官方网站上的指南，因此我认为它应该可以工作。 https://developers.google.com/gmail/design/css

<html>
  <head>
    <style>
      .colored {
        color: blue;
      }
      #body {
        font-size: 14px;
      }
      @media screen and (min-width: 500px) {
        .colored {
          color:red;
        }
      }
    </style>
  </head>
  <body>
    <div id='body'>
      <p>Hi Pierce,</p>
      <p class='colored'>
        This text is blue if the window width is
        below 500px and red otherwise.
      </p>
      <p>Jerry</p>
    </div>
  </body>
</html>

移动版本应为蓝色，桌面应用程序应为红色。嗯，两者都没有。

Answer 1

将最小值更改为最大值！

<html>
  <head>
    <style>
      .colored {
        color: blue;
      }
      #body {
        font-size: 14px;
      }
      @media screen and (min-width: 500px) {
        .colored {
          color:red;
        }
      }
    </style>
  </head>
  <body>
    <div id='body'>
      <p>Hi Pierce,</p>
      <p class='colored'>
        This text is blue if the window width is
        below 500px and red otherwise.
      </p>
      <p>Jerry</p>
    </div>
  </body>
</html>

即使文档另有说明，样式标记也无法在gmail中使用

1 个答案: