Responsive design Outlook web app显示响应电子邮件的移动版和桌面版

有人能帮忙吗

我用桌面版和手机版的代码创建了响应电子邮件。它在每个邮件客户端都可以正常工作，但在同时显示两个版本的Outlook Web app中除外

我在Outlook 2010中也遇到了同样的问题，但我通过将移动内容包装在连续的mso评论中解决了这个问题：

<!--[if !mso]><!-->
<!--<![endif]-->

Woo

无论如何，我确信您的电子邮件在移动版的表格周围的div上设置了一些

显示：无

/

溢出：隐藏

css，但是outlook.com并不总是很好

我认为outlook.com挑剔的预处理器是罪魁祸首

我发现纠正这种情况的方法是在样式标记中添加一个

.mobileonly{display:none；}

，然后将

class=“mobileonly”

添加到测试中不断出现的任何问题元素中。通常，您只需要执行更高级别的容器表

---

如果这不起作用，请将您的html放入JSFIDLE，我将进一步研究它。

我做了完全相同的噩梦，并尝试了书中的所有内容。最终我找到了解决办法

将包含列高度设置为0-桌面和移动图像都需要自己的类。移动图像的内联宽度和高度也应设置为0。然后在桌面查询中。。。显示：无，移动图像的宽度和高度设置为0

---

然后在响应查询中，您可以强制设置resp图像的高度和宽度，并使用显示块。试试这个，它对我有效…即使在Outlook 2003中也是如此

这实际上是outlook.com的一个相当大的问题，所以这不是离题。他将不得不发布他的全部代码，这将成为潜在回答者调试的噩梦。请打开，我可以发布解决方案。是否有办法向管理员解释这不是ff主题，以及重新打开问题的程序是什么？任何人，请…@ZephyrusDigital你能发布一个解决方案吗？谢谢感谢您的回复，Zephyrus Digital。不幸的是，该解决方案适用于Outlook mail，但不适用于Outlook Web App。不幸的是，由于客户坚持我不能为您提供JSFIDLE，但相信我，我已经尝试了所有可用的解决方案。啊，很抱歉，我没有意识到它们是不同的。没有office365帐户，而且它不在Litmus上，所以我无法测试。祝你好运