編輯器限制 editor-limitations

觸控式UI中的編輯器會使用覆蓋來與受限於iframe中的內容互動。 此互動會對編輯器的使用以及開發人員造成一些限制。 本頁面會概述這些限制，並儘可能提供解決方案或因應措施。

功能限制 functional-limitations

使用編輯器編寫頁面時，作者可能會遇到下列功能限制。

連結未啟用 links-not-active

當編輯頁面時，連結未啟用。

結構頁面 structure-pages

無法將Pagesis命名為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元素的第一個子元素有邊界，則會出現邊界收合問題。

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