编辑器限制

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

功能限制

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

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

结构页

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

CSS限制

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

绝对定位元素

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

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

Vh单位

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

固定背景图像

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

  • 在标题栏操作中选择​视图页面作为已发布​可正确显示页面。

100%高度

页面的正文元素不支持100%高度。

  • 为了实现全屏机身,可进行如下“拉伸”机身元素:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

边距折叠

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

  • 解决方案是在主体元素级别添加一个清除器,如:
body:before, body:after{
    content: ' ';
    display: table;
}

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now