mobile - すべてのクライアントでモバイル バージョンを非表示にする Outlook の条件付きコメント

Question

レスポンシブ メール テンプレートに問題があります。if !mso ステートメントを追加すると、モバイル バージョンが Outlook のデスクトップ バージョンの下に表示されないようにするため、モバイル メール クライアントでもモバイル バージョンが非表示になります。Outlook でモバイル バージョンを非表示にしながら、モバイル クライアントには引き続き表示するにはどうすればよいですか?

CSS:

    @media screen and (max-width: 320px), screen and (max-device-width: 540px) 
    {body { -webkit-text-size-adjust: none;}
    div[id=desktop] {
    display:none !important;
    width:0px !important;
    overflow:hidden !important;
    }
    <!--[if !mso]><!-->
    div[id=mobile] {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:inherit !important;
    overflow:visible !important;
    } <!--<![endif]-->

HTML:

    <!--MOBILE VERSION -->
    <!--[if !mso]><!-- -->
    <div style="width: 0px; display: none; max-height: 0px; overflow: hidden"  
    id="mobile">
    <table width="320" cellspacing="0" cellpadding="0" border="0" id="body">
    <tr><td>MOBILE CONTENT</td></tr>
    </table>
    </div>
    <!--<![endif]-->
    <!--END MOBILE VERSON-->