<small id='WAD6t'></small><noframes id='WAD6t'>

<i id='WAD6t'><tr id='WAD6t'><dt id='WAD6t'><q id='WAD6t'><span id='WAD6t'><b id='WAD6t'><form id='WAD6t'><ins id='WAD6t'></ins><ul id='WAD6t'></ul><sub id='WAD6t'></sub></form><legend id='WAD6t'></legend><bdo id='WAD6t'><pre id='WAD6t'><center id='WAD6t'></center></pre></bdo></b><th id='WAD6t'></th></span></q></dt></tr></i><div id='WAD6t'><tfoot id='WAD6t'></tfoot><dl id='WAD6t'><fieldset id='WAD6t'></fieldset></dl></div>
<tfoot id='WAD6t'></tfoot>
    • <bdo id='WAD6t'></bdo><ul id='WAD6t'></ul>

      1. <legend id='WAD6t'><style id='WAD6t'><dir id='WAD6t'><q id='WAD6t'></q></dir></style></legend>

        时事通讯无法隐藏 gmail 上的响应内容以及当我尝试转发电子邮件时

        Newsletter can#39;t hide responsive content on gmail and when I try to forward the e-mail(时事通讯无法隐藏 gmail 上的响应内容以及当我尝试转发电子邮件时)

          <bdo id='fuRkR'></bdo><ul id='fuRkR'></ul>
              <tbody id='fuRkR'></tbody>
            • <small id='fuRkR'></small><noframes id='fuRkR'>

                <tfoot id='fuRkR'></tfoot>
                <i id='fuRkR'><tr id='fuRkR'><dt id='fuRkR'><q id='fuRkR'><span id='fuRkR'><b id='fuRkR'><form id='fuRkR'><ins id='fuRkR'></ins><ul id='fuRkR'></ul><sub id='fuRkR'></sub></form><legend id='fuRkR'></legend><bdo id='fuRkR'><pre id='fuRkR'><center id='fuRkR'></center></pre></bdo></b><th id='fuRkR'></th></span></q></dt></tr></i><div id='fuRkR'><tfoot id='fuRkR'></tfoot><dl id='fuRkR'><fieldset id='fuRkR'></fieldset></dl></div>
                  <legend id='fuRkR'><style id='fuRkR'><dir id='fuRkR'><q id='fuRkR'></q></dir></style></legend>
                  本文介绍了时事通讯无法隐藏 gmail 上的响应内容以及当我尝试转发电子邮件时的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  我正在尝试撰写时事通讯,但在 GMail 上进行测试时无法隐藏响应式内容.在 OutlookYahoo 上一切正常,但如果我尝试转发电子邮件,隐藏的内容是可见的.

                  I am trying to write a newsletter but I am having trouble hiding the responsive contents when I test on GMail. On Outlook and Yahoo everything is ok, but if I try to forward the e-mail the hidden contents are visible.

                  我测试过:

                  • putsmail > 我用它在 Outlook 上发送测试,雅虎GMail
                    1.Yahoo > 看起来不错,但是当我尝试转发电子邮件时,隐藏的内容是可见的;
                    2.Outlook > 看起来不错,但是当我尝试转发电子邮件时,隐藏的内容是可见的;
                    3.GMail > 可见的隐藏内容.

                  • putsmail > I use this to send test on Outlook, Yahoo and GMail
                    1 . Yahoo > looks ok, but when I try to forward the e-mail the hidden content it's visible;
                    2. Outlook > looks ok, but when I try to forward the e-mail the hidden content it's visible;
                    3. GMail > the hidden content it's visible.

                  mailchimp > 这对我来说只能在 Outlook<上进行测试/strong> 看起来不错(它隐藏了响应内容),但是当我尝试转发电子邮件时,隐藏的内容不再隐藏.

                  mailchimp > this works for me to make tests only on Outlook and it looks ok (it hides the responsive content), but when I try to forward the e-mail the hidden contents are not hidden anymore.

                  这是我的代码()的一部分:

                  This is a part of my code () :

                              <table align="center" style="width:80%;margin-left:10%;margin-right:10%;/*border: 1px solid #FF69B4;*/">
                                  <tbody>
                  
                                     <tr>
                                          <td align="center" style="padding: 0 10%; width: 100%;">
                                             <span class="vizualizati-aici-normal" style="font-family: Arial;font-size: 12px;color:#666;">
                                                 <a href="#" style="color:#666;">click here</a>.
                                             </span>
                                             <span class="vizualizati-aici-tableta" style="font-family: Arial;font-size: 11px;color:#666; display: none;visibility: hidden;height: 0;overflow: hidden;">
                                                 <a href="#" style="color:#666;">click here</a>.
                                             </span>
                                             <span class="vizualizati-aici-mobil" style="font-family: Arial;font-size: 10px;color:#666; display: none;visibility: hidden;height: 0;overflow: hidden;">
                                                  <a href="#" style="color:#666;">click here</a>.
                                             </span>
                                         </td>
                                     </tr>
                  
                                     <tr>
                                         <td align="center" style="padding: 0 10%; width: 100%;" class="header-hr-newsletter">
                                             <h1 style="font-family: 'EB Garamond', serif;font-size: 80px;font-weight: 400;color:#000;padding:0;margin:0;">
                                                  Newsletter
                                             </h1>
                                              <h2 style="font-family: 'EB Garamond', serif;font-size: 60px;font-weight: 400;color:#000;padding:20px 0;margin:0;display: none;visibility: hidden;height: 0;overflow: hidden;">
                                                   Newsletter
                                             </h2>
                                             <h3 style="font-family: 'EB Garamond', serif;font-size: 40px;font-weight: 400;color:#000;padding:20px 0;margin:0;display: none;visibility: hidden;height: 0;overflow: hidden;">
                                                   Newsletter
                                             </h3>
                                         </td>
                                     </tr>
                  
                                      <tr>
                                          <td align="center" style="width:100%;background-color: #cc66ff;width: 100%; padding: 0 10%;" class="header-with-number-and-logo">
                                             <table style="margin:0;padding:0; width:100%; padding:10px 5px;">
                                                  <tbody>
                                                     <tr>
                                                         <td style="width:50%;color:#FFF;text-align: left;padding-right: 10%;font-family: Arial;">
                                                              <span class="nr-revista-normal" style="font-size: 25px;">Nr.: x, yy zzz</span>
                                                              <span class="nr-revista-tableta" style="font-size: 18px;display: none;visibility: hidden;height: 0;overflow: hidden;">Nr.: x, yy zzz</span>
                                                              <span class="nr-revista-mobil" style="font-size: 13px;display: none;visibility: hidden;height: 0;overflow: hidden;">Nr.: x, yy zzz</span>
                                                         </td>
                  
                                                         <td align="right" style="width:50%;padding-left: 10%;">
                                                              <span class="header-normal-screen-logo" style="color: #FFF;font-size: 25px;">
                                                               Some Logo
                                                              </span>
                                                              <span class="header-tablet-logo" style="display: none;visibility: hidden;height: 0;overflow: hidden;color:#FFF;font-size: 18px;">
                                                               Some Logo
                                                              </span>
                                                              <span  class="header-mobil-logo" style="display: none;visibility: hidden;height: 0;overflow: hidden;color:#FFF;font-size: 18px;">
                                                               Some Logo
                                                              </span>
                                                         </td>
                                                     </tr>
                                                 </tbody>
                                             </table>
                                          </td>
                                      </tr>
                  
                                  </tbody>
                              </table>
                  
                              <style>
                  
                                  @media only screen and (max-width: 768px) and (min-width: 479px){
                  
                                      body{
                                          /*background-color: #FFFF45;*/
                                      }
                  
                                      /* click here */
                                      .vizualizati-aici-normal{
                                          display: none!important;
                                          height: 0!important;
                                          visibility: hidden!important;
                                          overflow: hidden!important;
                  
                                      }
                                      .vizualizati-aici-tableta{
                                          display: block!important;
                                          height: auto!important;
                                          visibility: visible!important;
                                          overflow: visible!important;
                                      }
                  
                                      /*newsletter title*/
                                      .header-hr-newsletter h1{
                                          display: none!important;
                                          height: 0!important;
                                          visibility: hidden!important;
                                          overflow: hidden!important;
                                      }
                                      .header-hr-newsletter h2{
                                          display: block!important;
                                          height: auto!important;
                                          visibility: visible!important;
                                          overflow: visible!important;
                                      }
                  
                                      /*number*/
                                      .nr-revista-normal{
                                        display: none!important;
                                        height: 0!important;
                                        visibility: hidden!important;
                                        overflow: hidden!important;
                                      }
                                      .nr-revista-tableta{
                                        display: block!important;
                                        height: auto!important;
                                        visibility: visible!important;
                                        overflow: visible!important;
                                      }
                                      /*logo*/
                  
                                      .header-normal-screen-logo{
                                        display: none!important;
                                        height: 0!important;
                                        visibility: hidden!important;
                                        overflow: hidden!important;
                                      }
                                      .header-tablet-logo{
                                        display: block!important;
                                        height: auto!important;
                                        visibility: visible!important;
                                        overflow: visible!important;
                                      }
                  
                                  }
                  
                                  @media only screen and (max-width: 480px) {
                  
                                      body{
                                          /*background-color: #00EE33;*/
                                      }
                  
                                      /* click here */
                                      .vizualizati-aici-normal{
                                          display: none!important;
                                          height: none!important;
                                          visibility: hidden!important;
                                          overflow: hidden!important;
                  
                                      }
                                     .vizualizati-aici-tableta{
                                          display: none!important;
                                          height: 0!important;
                                          visibility: hidden!important;
                                          overflow: hidden!important;
                                      }
                                      .vizualizati-aici-mobil{
                                          display: block!important;
                                          height: auto!important;
                                          visibility: visible!important;
                                          overflow: visible!important;
                  
                                      }
                  
                                      /*newsletter title*/
                                      .header-hr-newsletter h1{
                                          display: none!important;
                                          height: 0!important;
                                          visibility: hidden!important;
                                          overflow: hidden!important;
                                      }
                                      .header-hr-newsletter h2{
                                          display: none!important;
                                          height: 0!important;
                                          visibility: hidden!important;
                                          overflow: hidden!important;
                                      }
                                      .header-hr-newsletter h3{
                                          display: block!important;
                                          height: auto!important;
                                          visibility: visible!important;
                                          overflow: visible!important;
                                      }
                  
                                      /*number*/
                                      .nr-revista-normal{
                                        display: none!important;
                                        height: 0!important;
                                        visibility: hidden!important;
                                        overflow: hidden!important;
                                      }
                                      .nr-revista-tableta{
                                        display: none!important;
                                        height: 0!important;
                                        visibility: hidden!important;
                                        overflow: hidden!important;
                                      }
                                      .nr-revista-mobil{
                                        display: block!important;
                                        height: auto!important;
                                        visibility: visible!important;
                                        overflow: visible!important;
                                      }
                  
                                      /*logo*/
                                      .header-normal-screen-logo{
                                        display: none!important;
                                        height: 0!important;
                                        visibility: hidden!important;
                                        overflow: hidden!important;
                                      }
                                      .header-tablet-logo{
                                        display: none!important;
                                        height: 0!important;
                                        visibility: hidden!important;
                                        overflow: hidden!important;
                                      }
                                      .header-mobil-logo{
                                        display: block!important;
                                        height: auto!important;
                                        visibility: visible!important;
                                        overflow: visible!important;
                                      }    
                  
                                 }
                  
                              </style>
                  

                  我被卡住了,不知道该怎么办...任何想法都欢迎.谢谢!

                  I am stuck, don't know what to do ... Any idea it's welcome. Thank you!

                  推荐答案

                  这里的坏消息是,不幸的是,GMail 还不支持媒体查询,也不支持 display溢出可见性 属性.

                  The bad news here is that, unfortunately, GMail does not yet support media queries nor does it support the display, overflow or visibility properties.

                  有关详细信息,请参阅 Campaign Monitor 的电子邮件客户端 CSS 支持指南.

                  See Campaign Monitor's CSS Support Guide for Email Clients for more information.

                  除了重写您的时事通讯以使其完全流畅,而不是试图使其响应,恐怕这里没有真正的解决方案.

                  Other than rewriting your newsletter to be completely fluid, rather than trying to make it responsive, I'm afraid there's no real solution to be had here.

                  这篇关于时事通讯无法隐藏 gmail 上的响应内容以及当我尝试转发电子邮件时的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  Move link image 5px up on hover(悬停时将链接图像向上移动 5px)
                  How do I inspect CSS pseudo classes with firebug?(如何使用 firebug 检查 CSS 伪类?)
                  Why doesn#39;t CSS hover work on table rows when the cells inside the rows have class names?(当行内的单元格具有类名时,为什么 CSS 悬停在表格行上不起作用?)
                  Hover image - display div over it(悬停图像 - 在其上显示 div)
                  How to apply a CSS class on hover to dynamically generated submit buttons?(如何在悬停时将 CSS 类应用于动态生成的提交按钮?)
                  Differences between CSS3 :hover and :focus?(CSS3 :hover 和 :focus 的区别?)
                        <tbody id='58s5F'></tbody>

                        <i id='58s5F'><tr id='58s5F'><dt id='58s5F'><q id='58s5F'><span id='58s5F'><b id='58s5F'><form id='58s5F'><ins id='58s5F'></ins><ul id='58s5F'></ul><sub id='58s5F'></sub></form><legend id='58s5F'></legend><bdo id='58s5F'><pre id='58s5F'><center id='58s5F'></center></pre></bdo></b><th id='58s5F'></th></span></q></dt></tr></i><div id='58s5F'><tfoot id='58s5F'></tfoot><dl id='58s5F'><fieldset id='58s5F'></fieldset></dl></div>
                        <tfoot id='58s5F'></tfoot>
                          • <bdo id='58s5F'></bdo><ul id='58s5F'></ul>

                            <small id='58s5F'></small><noframes id='58s5F'>

                            <legend id='58s5F'><style id='58s5F'><dir id='58s5F'><q id='58s5F'></q></dir></style></legend>