Show Menu
主题×

编辑器限制

触屏优化UI中的编辑器利用叠加与iframe中限制的内容交互。 此交互在编辑器的使用和开发人员的使用方面都有一些限制。 本页总结了这些限制,并尽可能提供解决方案或解决办法。

功能限制

在使用编辑器创作页面时,作者可能会遇到以下功能限制。

结构页面

无法命名页面 structure 。 命名的页面在页 structure 面编辑器中将不可编辑。

CSS限制

开发人员在编辑器与CSS的交互方面可能遇到以下限制。

绝对定位的元素

绝对定位的元素可能会导致其叠加位置出现问题。
  • 如果发生这种情况,请确保绝对定位的元素的尺寸正确,因为编辑器将创建尺寸完全相同的叠加。

vh Units

vh 不支持iframe高度,因为AEM必须自动调整iframe高度。

固定背景图像

由于固定背景图像嵌入iframe中,因此在滚动时,固定背景图像可能不显示为固定。
  • 在标 题栏操作中选择视图页面 “已发布”后,将正确显示页面。

100% Height

页面的body元素不支持100%高度。
  • 为了通过如下“拉伸”身体元素来实现全屏体,可以进行修复:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

边距折叠

如果主体元素的第一子元素具有边距,则可以看到边距折叠问题。
  • 解决方案是在主体元素级别添加一个清除器,如下所示:
body:before, body:after{
    content: ' ';
    display: table;
}