Question

我需要最终确定公司范围内的签名表格，并希望确保它在大多数设备上看起来都很好。以下代码适用于Outlook（PC，Mac，iPhone，Android），Yahoo（iPhone，Android）和iPhone上的Gmail。但是，地址中的行仍然包含在Android版Gmail上。

我尝试过针对特定于Gmail的问题发现的几个建议的黑客行为听起来很相似，但没有成功或可观察到的变化：

将!important添加到white-space: nowrap属性
使用white-space: nowrap的内联样式（也使用!important进行了尝试）
为* {-webkit-text-size-adjust: none}
使用white-space: none和display: none

有没有人知道Android上的Gmail解决方法，以防止它被包装？还是更好的解决方案？当然，其他公司已开发出在所有平台上看起来都很好的签名：）

这是我当前的代码（没有应用黑客）：

<html>
  <head>
    <meta charset="utf-8">
    <style>
      <!--
        table {
          border: none;
          padding: 0;
          margin: 0;
        }
        p {
          line-height: 1.4;
          font-size: 9.0pt;
          font-family: Arial, sans serif;
          letter-spacing: .1pt;
          color: black;
        }
        p.emphasis
        {
          font-weight: bold;
          margin-bottom: 1.0em;
        }
        span.name {
          color: #ED1C24;
        }
        .content {
      padding-left: 5px;
      white-space: nowrap;
    }
      -->
    </style>
  </head>
   <body>
    <table>
      <tr>
        <td>
          <a href="http://www.google.com"><img src="http://i.stack.imgur.com/P0eTy.gif" alt="Company Logo" width="325" height="81"></a>
        </td>
      </tr>
      <tr>
        <td class="content">
          <p class="emphasis"><span class="name">John Doe</span> |
            Chief Awesomizer<br/>
            Big Ideas Department</p>
          <p>a | 1234 Big Long Street Name S-11 Anytown, USA 55555<br/>
            o | 333.123.4567 &nbsp;&nbsp;&nbsp;f | 333.000.0000 &nbsp;&nbsp;&nbsp;m | these lines are wrapping on Gmail for Android!<br/>
            e | <a href="mailto:fakeemailaddress@myexampledomain.com">fakeemailaddress@myexampledomain.com</a> &nbsp;&nbsp;&nbsp;w | <a href="http://www.google.com">www.google.com</a><br/>
        </td>
      </tr>
     </table>
  </body>
</html>

所需渲染的屏幕截图： iPhone 6S and elsewhere

Android上的Gmail屏幕截图： Galaxy 3, also observed on Galaxy 6

我正在Microsoft Outlook 2010中创建这些签名（我们的公司标准 - 任何提议的解决方案都必须通过在IE 11中呈现html，选择全部和粘贴来从Outlook发送才能被接受）它进入编辑签名窗口（new E-mail Message - ＆gt; Signature Dropdown - ＆gt; Signatures... - ＆gt; New - ＆gt; Edit Signature）。 请注意，从Chrome粘贴并未正确显示图片。

如何防止html签名包含在Android版Gmail中？

0 个答案: