Gmailアプリ3要素

Question

ねえみんな、

私は3つの要素に問題が彼らの最新の更新プログラムとGmailアプリで正常に応答することがあります。もう本当にdisplay：noneを使用することはできません。 静的にするか、通常は応答するか？

これはコードです：

<style> 
@media only screen and (max-width : 480px){ 
     .paddingTop10{ 
      padding-top:10px !important; 
     } 
@media only screen and (max-width : 480px){ 
     .fullWidthImg img{ 
      width:100% !important; 
      height:auto; 
     } 
@media only screen and (max-width : 480px){ 
     .fullWidth{ 
      width:100% !important; 
      height:auto; 
     } 
</style> 

<table width="100%" cellpadding="0" cellspacing="0" border="0"> 
       <tr> 
       <td> 
        <table class="fullWidth" align="left" width="440" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"> 
        <tr> 
         <td> 
         <table class="fullWidth" align="left" width="196" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"> 
          <tr> 
          <td class="paddingTop10 mobileHide fullWidthImg"> 
           <a href="http://flowerbeauty.com/holiday-kits/detail/82/flower-eyem-ready-collection/?&amp;utm_source=camonitor&amp;utm_medium=email&amp;utm_campaign=giftguide"> 
           <img src="https://gallery.mailchimp.com/93236a445e119a73252cba6e4/images/851f9965-7d09-41a8-b298-4069b24371aa.png" width="196" alt="" border="0" style="display:block;"> 
           </a> 
          </td> 
          <!--[if !mso 9]><!--> 
          <td style="display: none;" class="fullWidthImg fullHide mobileShow"> 
           <a href="http://flowerbeauty.com/?utm_source=camonitor&amp;utm_medium=email&amp;utm_campaign=giftguide"> 
           <img src="https://gallery.mailchimp.com/93236a445e119a73252cba6e4/images/7b28fcdd-e9f7-4f06-93ab-ca129601423f.png" alt="Shop Now" title="Shop Now" width="195" style="max-height:0; width: 0; display:block; border-spacing:0;"> 
           </a> 
          </td> 
          <!--<![endif]--> 
          </tr> 
         </table> 
         <!--[if (gte mso 9)|(IE)]> 
         </td> 
         <td valign="top" style="border-top:1px solid #dcddde;border-bottom:1px solid #dcddde;"> 
         <![endif]--> 
         <table class="fullWidth" align="right" width="244" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"> 
          <tr> 
          <td class="paddingTop10 fullWidthImg"> 
           <a href="http://flowerbeauty.com/eyes/detail/72/flower-endless-wear-eye-color-ultimate-eye-color/?utm_source=camonitor&amp;utm_medium=email&amp;utm_campaign=giftguide"> 
           <img src="https://gallery.mailchimp.com/93236a445e119a73252cba6e4/images/22cab22e-0182-45fd-b706-3d775d79f4d0.png" width="244" alt="" border="0" style="display:block;"> 
           </a> 
          </td> 
          </tr> 
         </table> 
         </td> 
        </tr> 
        </table> 
        <!--[if (gte mso 9)|(IE)]> 
       </td> 
       <td valign="top" style="border-top:1px solid #dcddde;border-bottom:1px solid #dcddde;"> 
        <![endif]--> 
        <table class="fullWidth" align="right" width="195" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"> 
        <tr> 
         <td class="paddingTop10 fullWidthImg"> 
         <a href="http://flowerbeauty.com/holiday-kits/detail/84/flower-shadow-art-palette/?utm_source=camonitor&amp;utm_medium=email&amp;utm_campaign=giftguide"> 
          <img src="https://gallery.mailchimp.com/93236a445e119a73252cba6e4/images/f34f8189-facf-4d29-bd97-6c0bebb442a7.png" width="195" alt="" border="0" style="display:block;"> 
         </a> 
         </td> 
        </tr> 
        </table> 
       </td> 
       </tr> 
      </table> 

Answer 1

あなたがGmailから非表示にする必要がある要素に対処するためのCSSのこのスニペットを試みることができます。あなたは単純な表示であることは間違いありません：どれもうまくいかない！

style="width:0; overflow:hidden;float:left; display:none"

そして、それはそれを表示することが適切かどうそれらすべてを元に戻すために、トップであなたのメディアクエリでのCSSを使用しています。