responsive-design - iOS 10 中 iPhone 版 Gmail 中放大的蓝色注册商标符号

Question

我正在使用 iOS 10 构建响应式电子邮件消息，它在除 iPhone 6 和 6+ 版 Gmail 之外的所有电子邮件客户端中都呈现良好。唯一出现问题的是，注册商标和版权符号在消息显示的字体尺寸更大并且呈蓝色，而它们应该是灰色的 (#646464)、9 像素高、垂直对齐属性为 3 像素。

代码片段中的 EMAIL_PRTNR_NAME 代表一个 JavaScript 变量，该变量提取其中包含注册商标的品牌名称。

我在 CSS 中使用了 a[x-apple-data- detectors] 样式，尽管注册商标和版权符号没有链接到任何东西。

以前有人遇到过这种情况吗？关于如何修复有什么想法吗？

提前谢谢您!

enlarged, blue registered trademark symbol

<table width="600" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td width="30">&nbsp;</td>
    <td width="24" class="mobileHide">&nbsp;</td>
    <td width="353" valign="middle" align="left" style="-webkit-text-size-adjust:none; color:#646464; font-size:16px; font-family:Helvetica, Arial, sans-serif; line-height:22px;">
      <div style="font-family:Helvetica, Arial, sans-serif; height:6px; font-size:6px; line-height:6px;">
        &nbsp;
      </div>
      <table width="353" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td width="353" valign="middle" align="left" style="-webkit-text-size-adjust:none; color:#646464; font-size:16px; font-family:Helvetica, Arial, sans-serif; line-height:22px;"><span style="-webkit-text-size-adjust:none; color:#646464; font-size:16px; font-family:Helvetica, Arial, sans-serif; line-height:22px;">FULL_NAME</span><br></td>
        </tr>
        <tr>
          <td width="353" valign="middle" align="left" style="-webkit-text-size-adjust:none; color:#646464; font-size:13px; font-family:Helvetica, Arial, sans-serif; line-height:22px;"><span style="-webkit-text-size-adjust:none; color:#646464; font-size:13px; font-family:Helvetica, Arial, sans-serif; line-height:22px;">EMAIL_PRTNR_NAME</span><br></td>
        </tr>
      </table>
      <div style="height:6px; font-size:6px; line-height:6px;">
        &nbsp;
      </div>
    </td>
    <td width="30">&nbsp;</td>
  </tr>
</table>

Answer 1

©

<span style="line-height: 15px; vertical-align: 4px; font-size:12px;">&#9400;</span>

®

<span style="line-height: 15px; vertical-align: 4px; font-size:13px;">&#9415;</span>

™

<span style="line-height: 12px; vertical-align: 7px; font-size:8px;">TM</span>

<span style="line-height: 15px; vertical-align: 4px; font-size:12px;">&#9400;</span>
<span style="line-height: 15px; vertical-align: 4px; font-size:13px;">&#9415;</span>
<span style="line-height: 12px; vertical-align: 7px; font-size:8px;">TM</span>