眾所周知，有些用戶對網站中的字體大小會有些不適應。這時候，需要為這些用戶提供一些便利。在CSS中有一項技術叫做倍數放大鏡，可以讓用戶自行調整字體大小，以適應自己的需求。

/* 先定義一個全局變量，供不同地方使用 */
:root {
--font-size: 16px;
}
/* 在需要放大的元素中使用calc()函數，計算出放大后的字體大小 */
.selector {
font-size: calc(var(--font-size) * 1.5);
}
/* 最后在放大鏡的按鈕上加上點擊事件，改變全局變量的值即可 */
.btn {
cursor: pointer;
}
.btn:hover {
color: red;
}
.btn:active {
color: blue;
}
.btn-1 {
font-size: 14px;
}
.btn-2 {
font-size: 18px;
}
.btn-3 {
font-size: 24px;
}
.btn-1:hover {
--font-size: 14px;
}
.btn-2:hover {
--font-size: 18px;
}
.btn-3:hover {
--font-size: 24px;
}

倍數放大鏡的實現方法很簡單，只需要定義一個可調整的變量，并在需要放大的元素中使用calc()函數即可。當然，在需要調整字體大小的按鈕上還需要加上點擊事件，通過改變全局變量的值，從而實現放大或縮小效果。

在實際開發中，倍數放大鏡是一個很常用的技術，可以為用戶提供更好的體驗。如果你的網站還沒有實現倍數放大鏡，不妨試一試吧！