在進行前端開發的過程中，我們經常會遇到需要把某些 CSS 屬性的單位進行替換的情況，例如把 rem 單位替換成 px 單位，這時候就需要用到 CSS 批量替換單位的方法。

我們可以使用 CSS 預處理器，例如 Less 和 Sass，來批量替換單位。下面是 Sass 的示例代碼：

$base-font-size: 14px;
$font-size-rem: $base-font-size / 16;
@mixin font-size($size) {
font-size: $size * 1px;
font-size: $size * 0.875rem;
}
h1 {
@include font-size(40);
}
p {
@include font-size(16);
}

在這個示例代碼中，我們定義了一個 mixin，它接受一個參數，該參數可以是任何數字。 mixin 中，我們將參數乘以 1px，以及 0.875rem（其中 0.875 是 $base-font-size 的值除以 16 的結果，這樣就可以用 rem 替換掉 px 作為單位）。然后我們在 h1 和 p 元素中調用該 mixin，根據需求傳遞相應的數字參數即可。這樣，我們就可以批量進行替換了。

如果不使用 CSS 預處理器，我們也可以用 JavaScript 來實現批量替換單位。下面是示例代碼：

var elements = document.querySelectorAll('.replace-rem');
for (var i = 0; i< elements.length; i++) {
var element = elements[i];
var fontSize = window.getComputedStyle(element).fontSize;
var fontSizePx = parseFloat(fontSize) * 16;
element.style.fontSize = fontSizePx + 'px';
}

在這個示例代碼中，我們首先通過 document.querySelectorAll() 方法獲取所有需要進行替換的元素，然后循環遍歷每一個元素。在每一個元素上，我們使用 window.getComputedStyle() 方法獲取該元素計算后的樣式，然后將其轉換成 px 單位。最后，我們再用 element.style.fontSize 把計算后的 font-size 重新賦值給元素。

總之，在開發過程中，我們經常需要對 CSS 單位進行批量替換。如何實現這個功能取決于我們所使用的工具和方法。無論用什么工具和方法，我們都需要注意確保替換后樣式的一致性和準確性。