打造靈活的留白系統,在窄版手機到超寬桌上型螢幕之間實現流暢平滑的縮放。
輸入間距範圍
以像素(px)為單位,輸入手機版最小 padding 與桌機版最大 padding。
設定螢幕門檻寬度
設定間距開始與停止縮放的螢幕寬度門檻。
套用至間距規則
複製計算出的數值,並貼入您的 `padding`、`margin` 或 `gap` 屬性中。
用單一宣告式的 clamp() 規則,取代設計語彙(Design Tokens)中重複出現的 `@media` 查詢區塊。
確保區段內距(padding)絕不會低於最低可用性標準,也不會超出版面限制。
可以,clamp() 同樣適用於 gap、margin、padding 和 width 屬性。
該屬性值會固定在設定的最大值,不會繼續放大。