SAP UI5 Form 表單的 Responsive Grid Layout 布局中的 breakpoint

響應式網格布局是一種使用響應式網格的表單。 根據可用空間，組呈現在一列或多列中，标簽呈現在與字段相同的行或字段上方。 此行為可能會受到此布局控件的屬性的影響。

通過使用響應式網格布局，表單提供了基于 12 列網格的響應式布局。 有兩個斷點，導緻三種支援的大小：L、M 和 S。這些斷點不是頁面的 L、M 和 S 斷點。 與響應螢幕寬度的頁面斷點相比，響應式網格布局的斷點響應表單的寬度。

注意：出于向下相容的原因，表單和簡單表單的預設表單布局控件是列布局，而不是響應式網格布局。 是以，需要使用 layout 屬性手動将響應式網格布局配置設定給每個表單或簡單表單。

已知一個表單寬度，如果知道它落在哪種類型的寬度之内呢？可以從下圖這張表格找到答案：

• 表單寬度 <= 600: S
• 表單寬度 > 600 并且 <= 1024: M
• 表單寬度 > 1024 并且 <= 1440: L
• 表單寬度 > 1440: XL

尺寸 S 達到 600 像素。 這意味着表單的寬度一旦達到 601 px，就會從 S 變為 M，因為 breakpointM 的預設值是 600。breakpointM 的值是較小尺寸的第一個值。

大小 L 和 M 之間的屬性 breakpointL 以相同的方式工作：大小 M 從 601 像素到達 1024 像素。 這意味着表單的寬度一旦達到 1025 px，就會從 M 變為 L，因為 breakpointL 的預設值為 1024。

此外，大小 L 和 XL 之間的屬性 breakpointXL 的工作方式與以前相同：大小 L 從 1025 像素到 1440 像素。 這意味着表單的寬度一旦達到 1441 px，就會從 L 變為 XL，因為 breakpointXL 的預設值為 1440。