在許多網站的布局設計中，使用了rem來設置文字和組件大小。而rem的大小是根據根元素的字體大小確定的。在CSS中，通過設置全局的字體大小，可以控制rem的大小。以下是一些方法，可用于獲取css中的rem大小。

方法一：查看元素的計算樣式

element {
font-size: 20px;
width: 10rem;
}

在Chrome瀏覽器中，可以使用Elements面板來查看元素的計算樣式。選中元素后，在右側的Styles面板中，可以找到計算后的樣式。這里會顯示出計算后的寬度值，即10rem轉換后的像素大小。這種方法需要打開開發者工具，較為繁瑣。

方法二：使用JavaScript獲取根元素的字體大小

var rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);

使用JavaScript獲取根元素的字體大小是比較簡單的一種方法。首先需要通過getComputedStyle方法獲取根元素的樣式，再從中取出字體大小的數值，轉換為浮點數。這時候得到的就是根元素的字體大小，即rem的大小。這種方法需要在JS文件中實現，不太適合于CSS文件內。

方法三：使用CSS變量來傳遞根元素的字體大小

:root {
--font-size: 16px;
}
element {
font-size: calc(10rem / var(--font-size));
}

在CSS中，可以使用CSS變量來傳遞根元素的字體大小。這個變量可以在根元素中定義，然后在其他元素中使用。通過計算，可以將rem單位的尺寸轉換為像素值。如果根元素的字體大小需要調整，則可以在變量中修改。這種方法需要瀏覽器支持CSS變量。