在CSS中，獲取body元素的寬度和高度可以通過多種方式實(shí)現(xiàn)，以下是一些常見的方法：

1、直接指定寬度和高度：

在CSS中，可以直接為body元素指定寬度和高度。

```css

body {

width: 1000px;

height: 600px;

}

```

2、使用百分比：

可以使用百分比來指定body元素的寬度和高度，相對(duì)于其父元素（通常是html元素）的寬度和高度。

```css

body {

width: 100%;

height: 100%;

}

```

3、使用視口單位：

可以使用視口單位（如vw和vh）來指定body元素的寬度和高度，這些單位相對(duì)于視口的寬度和高度。

```css

body {

width: 10vw;

height: 20vh;

}

```

4、通過JavaScript動(dòng)態(tài)獲取：

可以使用JavaScript來動(dòng)態(tài)獲取body元素的寬度和高度，并將其應(yīng)用到CSS樣式中。

```javascript

var bodyWidth = document.body.offsetWidth;

var bodyHeight = document.body.offsetHeight;

document.styleSheets[0].insertRule(body { width: ${bodyWidth}px; height: ${bodyHeight}px; }, 0);

```

5、通過CSS計(jì)算函數(shù)：

CSS提供了計(jì)算函數(shù)，如calc()，可以動(dòng)態(tài)計(jì)算元素的寬度和高度。

```css

body {

width: calc(100% - 20px);

height: calc(100% - 30px);

}

```

6、使用CSS Grid或Flex布局：

在CSS Grid或Flex布局中，可以通過設(shè)置容器的寬度和高度來自動(dòng)計(jì)算子元素的寬度和高度。

```css

body {

display: grid;

width: 100%;

height: 100%;

}

```

7、通過CSS樣式表：

可以在CSS樣式表中為body元素定義樣式規(guī)則，以獲取其寬度和高度。

```css

body {

/* 其他樣式 */

}

```

然后在JavaScript中訪問這些樣式來獲取寬度和高度。

```javascript

var bodyStyle = document.styleSheets[0].rules[0]; // 假設(shè)這是***個(gè)樣式規(guī)則

var bodyWidth = bodyStyle.style.width; // 獲取寬度值

var bodyHeight = bodyStyle.style.height; // 獲取高度值

```

這些方法可能因?yàn)g覽器和支持情況而有所不同，在實(shí)際應(yīng)用中，建議根據(jù)具體需求和瀏覽器兼容性來選擇合適的方法。