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

标签 html css zurb-foundation html-email inky

这是我使用 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 进行测试。 我在其他邮件中测试了这个行为,没有这个问题。有机会纠正这种行为吗? 谢谢。

最佳答案

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

关于html - 转发电子邮件后电子邮件标记失去响应能力,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54809803/

相关文章:

c# - 将 Div Id 设置为隐藏字段的值?

javascript - RGD : Dynamic adding HTML by jQuery issue

jquery - Zurb Foundation 4 滚动 2 div

css - 是否有在流体模式下使用 Zurb Foundation 网格的最佳实践?

javascript - 如何使用填充滚动到元素的顶部?

android - 从 Html 标签中提取图像路径

html - 透明标题被主 div 溢出

jquery - 无法使用 Bootstrap 进入第二页(One Pager Landing Page)

html - 在获得正确的 CSS 布局方面需要帮助

javascript - 基金会 "Uncaught SyntaxError: Unexpected token import"