Outlook 2007到2013显示设备媒体查询
我开发了一个自定义电子邮件模板，该模板使用媒体查询来针对小于480px的设备。该电子邮件在每个电子邮件客户端和平台上看起来和显示都很完美--Gmail、Yahoo！、Hotmail、Apple Mail、Thunderbird、Outlook 2003等--但Outlook 2007到2013除外。
Outlook2007到2013奇怪地选择了媒体查询，并使用给定的css声明对电子邮件进行样式化。当我移除媒体查询时，它会完美呈现。知道如何让Outlook忽略媒体查询吗？
下面是正在使用的媒体查询以及一个jsFiddle链接。将max-device-width更改为max-width以查看正在运行的媒体查询。
jsfiddle:http://jsfidle.net/danimalnelson/uq7kg/
@media only screen and (max-device-width: 480px) {
共有1个答案
您可以使用以下方法强制Microsoft忽略部分代码：
<!--[!if gte mso 9]><!-->
// This will be ignored by Outlook 2007
<![endif]-->
<!--[!if gte mso 15]><!-->
// This will be ignored by Outlook 2013
<![endif]-->
<!--[if !mso]><!-->
// This will be ignored by all Microsoft Outlook
<!--<![endif]-->
以下是Outlook版本号
-
问题内容： 是否有@media查询仅针对运行iOS的设备？ 例如： 这还会以这些设备宽度改变Android设备上页面的行为吗？ 问题答案： 是的你可以。 YMMV。 之所以有效，是因为仅 Safari Mobile 实现了 请注意，在IE中不起作用。IE将跳过以上两个块。 警告：未来几年，iOS可能会在任何新的iOS版本中删除对此的支持。
-
我想要一些功能，以适用于一个页面时，例如屏幕的最小宽度是1025px和当移动设备水平旋转。 我想要一些功能，以适用于一个页面时，例如屏幕的最小宽度是1025px和当移动设备水平旋转。
-
问题内容： 在JavaScript中，可以使用以下方式检测方向模式： 但是，有没有办法仅使用CSS来检测方向？ 例如。就像是： 问题答案： 用于检测屏幕方向的CSS： 媒体查询的CSS定义位于
-
问题内容： 在不使用触摸屏设备的情况下，使用媒体查询最安全的方法是什么？如果无法解决，您是否建议使用JavaScript解决方案，例如Modernizr或Modernizr？ 问题答案： 我建议使用modernizr并使用其媒体查询功能。 但是，使用CSS时，存在伪类，例如Firefox。您可以使用：-moz-system-metric（touch- enabled）。但是，并非所有浏览器都提供这
-
我已经面对这个问题很长一段时间了。运行“adb设备”向我展示了一个额外的虚拟设备，尽管它被命名为模拟器-5554。仅供参考，我也没有任何模拟器在运行。 亚行设备 连接的设备列表:< br> xxxxxxx设备(实际设备)< br >仿真器-5554设备(虚拟设备显示为设备)。 我该如何收拾残局？
-
我已经成功地能够从我的服务器流MP3，现在我想显示一个媒体播放器通知与控制时，歌曲开始播放。我已经遵循了一些教程如何做到这一点，但我仍然得到错误时，试图在我的应用程序中做同样的事情。 这是我尝试在音乐开始播放时显示通知的方式 这是完整的 但是，当我运行代码并单击播放按钮时，应用程序崩溃，logcat返回此错误，但没有指向特定的代码行。