编辑器限制

触屏优化UI中的编辑器利用叠加与iFrame中限定的内容进行交互。 这种交互方式会对编辑器的使用以及开发人员造成一些限制。本页概述了这些限制,并尽可能提供解决方案或解决方法。

功能限制

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

编辑页面时,链接不处于活动状态。

结构页面

页面不能命名structure。 名为structure的页面在页面编辑器中将不可编辑。

CSS限制

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

绝对定位的元素

绝对定位的元素可能会导致其叠加位置出现问题。

  • 如果发生这种情况,请确保绝对定位元素的尺寸正确无误,因为编辑器将创建一个具有相同尺寸的叠加图。

Vh单元

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

固定背景图像

由于固定背景图像嵌入在iframe中,因此在滚动时,该图像可能不会显示为固定。

  • 在标题栏操作中选择​查看已发布的页面​可正确显示页面。

100%高

页面的主体元素不支持100%高度。

  • 为了通过“拉伸”主体元素来实现全屏主体,可以进行如下操作:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

边距折叠

如果主体元素的第一个子元素具有边距,则可以看到边距折叠问题。

  • 解决方案是在主体元素级别添加clearfix,如下所示:
body:before, body:after{
    content: ' ';
    display: table;
}

在此页面上