在前端開發中，我們常常需要為不同的設備適配不同的屏幕大小，這時候我們就需要用到響應式布局。

在響應式布局中，我們經常使用rem（em相對于本身元素字體大小，rem相對于根元素字體大小）作為單位。但是，rem單位的應用存在一個很大的問題，就是不同的設備對于根元素字體大小的默認值不同，這就導致了單位的不一致，從而引發一系列問題。

為了解決這個問題，我們可以使用rem.css文件。rem.css文件的作用是將根元素的字體大小初始值設為10px。這樣，我們在使用rem單位時，只需要根據設計稿的尺寸換算成相應的值即可。

/* 設置根元素字體大小為10px */
html {
font-size: 10px;
}
/* 使用rem單位設置字體大小 */
h1 {
font-size: 2rem; /* 等同于20px */
}

使用rem.css文件還有一個好處，就是方便我們進行整個頁面的縮放。由于rem單位是相對于根元素字體大小的，所以當我們調整根元素字體大小時，整個頁面的元素大小也會發生對應的改變，從而實現頁面的自適應。

總之，rem.css文件是我們在進行響應式布局時十分實用的工具，使用它可以解決不同設備之間單位的不一致性，還能方便地進行整個頁面的縮放。