在電子郵件中的Outlook中加倍圖像

Question

我正在編寫響應式電子郵件，如果在移動設備上查看電子郵件，可以在其中移動圖像。除Outlook外，其他所有功能看起來都很不錯。 它在兩個地方都顯示它。 我閱讀到Outlook無法識別“ display：none”代碼。 還有什么可以做的嗎？

這是我的代碼看起來像的代碼，除了Outlook之外，其他代碼都可以正常工作。

媒體查詢代碼

     @media only screen and (max-device-width: 479px) {
                #mobile {display:block}
                #desktop {display:none;mso-hide: all;}


        }

@media only screen and (min-device-width: 480px) {
                #mobile {display:none;mso-hide: all;}
                #desktop {display:block}

}
        }

這是我正在使用的html。

  <table id="mobile" align="right" width="35%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth">
                            <tr>
                                <td valign="top" align="right" class="hisrc">
                                    <p style="mso-table-lspace:0;mso-table-rspace:0; margin:0; font-family:Helvetica, sans-serif; font-size:11px; color:323338; text-align:left; line-height:15px;">
                                    <img src="vna-logo.png" alt="" border="0" style="padding-bottom:18px;border-radius: 4px; width: 220px;" class="deviceWidth" />  


                                </td>
                            </tr>
                        </table>

 <table id="desktop" align="right" width="35%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth">
                            <tr>
                                <td valign="top" align="right" class="hisrc">
                                    <p style="mso-table-lspace:0;mso-table-rspace:0; margin:0; font-family:Helvetica, sans-serif; font-size:11px; color:323338; text-align:left; line-height:15px;">
                                    <img src="vna-logo-2.png" alt="" border="0" style="padding-bottom:18px;border-radius: 4px; width: 220px;" class="deviceWidth" />  


                                </td>
                            </tr>
                        </table>

Answer 1

<table id="mobile" align="right" width="35%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth" style="display:none;">

默認情況下應隱藏移動版本，在不接受查詢的客戶端上保持隱藏狀態