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

Question

我正在构建一个响应式电子邮件，它在每个电子邮件客户端中呈现良好，除了 Gmail 的 iPhone 6 和 6+，使用 iOS 10。唯一出错的地方消息中的注册商标和版权符号显示为更大的字体大小和蓝色，而它们本应为灰色 (#646464)、9px 高、垂直对齐属性 3px.

代码段中的

EMAIL_PRTNR_NAME 表示一个 JavaScript 变量，它会提取其中包含注册商标的品牌名称。

我在 CSS 中使用 [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

我遇到了一个类似的问题，其中 google 将其替换为他们的 'goomoji'，该问题呈现的样式不正确。我相信这是 gmail 中的一个错误，会自行修复。

Answer 2

©

<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>

Answer 3

®
Ⓡ

Answer 4

我认为 Google 修复了它 - 已经过测试并且 ® 和 ™

看起来没问题

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

Enlarged, blue registered trademark symbol in Gmail for iPhone in iOS 10

responsive-design

gmail

html-email

ios10