Mobile Outlook条件注释在所有客户端上隐藏移动版本

我的回复电子邮件模板有问题。当我添加if！mso语句，为了防止我的移动版本显示在Outlook中的“我的桌面版本”下，它还将移动版本隐藏在移动电子邮件客户端上。如何在Outlook中隐藏移动版本，但仍在移动客户端中显示

CSS:

@媒体屏幕和（最大宽度：320px）、屏幕和（最大设备宽度：540px）
{body{-webkit文本大小调整：无；}
div[id=桌面]{
显示：无！重要；
宽度：0px！重要；
溢出：隐藏！重要；
}
div[id=mobile]{
显示：块！重要；
宽度：100%！重要；
高度：自动！重要；
最大高度：继承！重要；
溢出：可见！重要；
} 

HTML:

移动内容

将

display:none

设置为默认值，而不是条件注释：

div[id='desktop'], div[id='mobile'] { display: none; }

然后覆盖支持媒体查询的客户端：

 /* Desktop */
 @media screen
   {
   div[id='desktop'] { display: block; }
   div[id='mobile'] { display: none; }
   }

 /* Mobile */
 @media screen and (max-width: 320px)
   { 
   div[id='desktop'] { display: none; }
   div[id='mobile'] { display: block; }
   }

 /* Mobile */
 @media screen and (max-device-width: 540px)
   { 
   div[id="desktop"] { display: none; }
   div[id="mobile"] { display: block; }
   }

参考资料

div[id='desktop'], div[id='mobile'] { display: none; }

 /* Desktop */
 @media screen
   {
   div[id='desktop'] { display: block; }
   div[id='mobile'] { display: none; }
   }

 /* Mobile */
 @media screen and (max-width: 320px)
   { 
   div[id='desktop'] { display: none; }
   div[id='mobile'] { display: block; }
   }

 /* Mobile */
 @media screen and (max-device-width: 540px)
   { 
   div[id="desktop"] { display: none; }
   div[id="mobile"] { display: block; }
   }