iframe的高度在网址AEM6.1中使用editor.html大幅增加

Question

我正在使用带有sp2的AEM6.1。当我在页面网址中使用editor.html打开我的网页时，iframe的高度会持续大幅增加。出于这个原因，我的页面没有正确加载。但是当我在经典UI中打开此页面或使用cf＃时，它会完美地加载。有没有人为此保持高度不变？ 是因为AEM版本吗？因为我之前也遇到过editor.html的问题。有没有其他人经历过这种行为？

Iframe's style Height

Answer 1

我在Touch UI编辑模式下也遇到了与AEM 6.2相同的问题，ContentWrapper和iframe的高度在整个网站中大幅增加。

原因是，我们在基页中使用了一个css类，其中包含以下属性：

.wrapper {
    position: relative;
    min-height: 100%;
    margin: 0 auto -298px;
}

这里，底部边距是在-ve中给出的，这就是为什么ContentWrapper和iframe的高度在作者模式下急剧增加的原因。

要解决此问题，将底部边距属性设置为正值可解决问题，如下例所示：

.wrapper {
    position: relative;
    min-height: 100%;
    margin: 0 auto 0px;
}

注意： ContentWrapper类仅在Touch UI编辑模式下添加，这就是问题仅在此模式下出现的原因，而不是在经典和预览模式下。

Answer 2

AEM 6.2 SP1中的相同问题。在我的情况下，根本原因是在min-height单位中使用vh指定的元素。修复是在%时使用wcmmode.edit单位覆盖它们。