编辑器限制 editor-limitations

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

功能限制 functional-limitations

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

链接不活动 links-not-active

When 编辑页面，则链接不处于活动状态。

结构页面 structure-pages

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

CSS限制 css-limitations

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

绝对定位的元素 absolutely-positioned-elements

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

Vh单元 vh-units

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

固定背景图像 fixed-background-images

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

100%高 height

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

body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

边距折叠 margin-collapsing

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

body:before, body:after{
    content: ' ';
    display: table;
}