Scalex CSS 是一種 CSS 等比例縮放解決方案，它允許您根據設計中的所有尺寸按比例縮小或放大組件和布局。

.container {
scale: 1.25;
}
.box1 {
width: 80px;
height: 60px;
background: #f00;
transform: scale(1.25);
}
.box2 {
width: 120px;
height: 90px;
background: #0f0;
transform: scale(1.25);
}

在上面的代碼片段中，我們在 .container 中定義了一個 CSS 變量 scale，指定整個容器內的元素都按照 1.25 的比例進行等比例縮放。

為了確保元素相對于其父元素正確地縮放，我們可以給每個元素的 transform 屬性添加相同的 scale 值。例如，box1 和 box2 的寬度和高度都是按照 1.25 的比例進行等比例縮放。

使用 Scalex CSS，可以更輕松地處理不同設備間的縮放問題，同時保持設計的比例和準確性。