转发电子邮件后电子邮件标记失去响应能力

Question

这是我使用 Foundation for Emails 标记的第一封电子邮件。

<row class="content-section">
  <columns small="12">
    <spacer size="16"></spacer>
      <h3 class="title text-bold">Dear JJ,</h3>
      <p class="content-text">it is your one time password</p>
    <spacer size="16"></spacer>
    <form data-abide class="form-primary">
        <input class="input-primary input-large input-centered" type="text" value="36002117" readonly></input>
        <button href="#" class="btn-primary button-center radius text-center" type="submit">Login</button>
        <spacer size="16"></spacer>
        <small>This one time password is valid for 5 minutes from time it is generated.</small>
      </form>
    <spacer size="16"></spacer>
  </columns>
</row>

我正在使用此服务测试电子邮件 https://putsmail.com 当我直接发送这封电子邮件并通过移动设备对其进行测试时，响应有效，当我在浏览器中对其进行测试时响应也有效。但是当我转发这条消息时，响应式不起作用。使用 Gmail 测试。我在其他邮件中测试了这个行为，没有这个问题。有机会纠正这种行为吗？谢谢。

Answer 1

简短的回答是您无法修复它。不同的客户端对转发的消息执行不同的操作，但大多数客户端会删除 <style> 块，进而导致样式问题。通常建议不惜一切代价避免转发，因为它超出了您的控制范围。

转发电子邮件后电子邮件标记失去响应能力

Email markup losing responsiveness after forwarding the email

html

css

html-email

zurb-foundation

inky