Outlook 加载项 iframe 对话框 - 仅调整内容大小答案

【问题标题】：Outlook Add-in iframe dialog - only content resizesOutlook 加载项 iframe 对话框 - 仅调整内容大小
【发布时间】：2018-03-14 14:29:38
【问题描述】：

我正在开发 Outlook 插件并显示一个对话框，其中包含选项 displayInIframe: true 和给定的高度和宽度参数。但是，我通过浏览器在 outlook.com 中使用加载项时遇到了问题。虽然当屏幕具有标准比例（宽度>高度）时效果很好，但当我调整窗口大小并使其变窄（高度>宽度）时它看起来很糟糕。然后，调整内容的大小并将其推到框架的一侧，而 iframe 本身保持相同的大小。

问题是我是否可以解决这个问题或 Outlook 问题。如果是这样，我想通知 MSFT。

【问题讨论】：

标签： outlook ms-office outlook-addin office-js office-addins

【解决方案1】：

这是 Web 应用程序的预期行为，除了设置 html 页面的最小宽度以使其看起来不那么糟糕之外，您无能为力。您可以进行一些 CSS 更改，以使页面在相关高度/宽度方面看起来更好。

【讨论】：

问题是它只调整框架内容的大小。
对我来说这看起来像是一个 CSS 问题。检查 iframe 的内容可以找到一些线索。
我们无法使用对话框中的其他页面重现此问题。看起来你的 CSS 有问题。
@OutlookAdd-insTeam-MSFT，这不是我的 CSS 的错误，因为整个 iframe 都是这样工作的，我只能修改它的内容。请验证它并打开一个对话框，然后调整窗口大小。您会注意到 div 和 ms-Dialog-content 类的大小保持不变，但它的子 div 大小会更改以匹配我设置的宽度。
如果您想要 Chrome 开发者工具的屏幕截图，请告诉我。