HTML电子邮件-更改gmail字体大小

问题描述

我正在编写HTML电子邮件，并希望更改移动设备上的字体大小。我已经使用了谷歌用作文本的代码，但对其进行了一些更改并增加了字体大小。下面是我测试的代码。颜色已更改，但字体大小未更改。有什么提示或想法可以找到答案吗？

在此先感谢您的帮助，不胜感激。文斯

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

解决方法

您可能只需要添加!important标志。

p {
  font-size: 10px!important;
}

google-schemas html-email