html的body设置成屏幕高度

你可以尝试使用CSS的`height`属性来设置body元素的高度为屏幕高度。具体做法如下：

1. 首先，在CSS中设置html和body元素的高度为100%：

html, body {
  height: 100%;
}

2. 接着，使用`min-height`属性来设置body元素的最小高度为屏幕高度：

body {
  min-height: 100vh;
}

这样，body元素的高度就会被设置为屏幕高度，且不会超出屏幕高度。注意，此方法仅适用于桌面端浏览器，移动端浏览器可能会有不同的表现。

相关问题

html body自适应屏幕大小

要使 HTML body 自适应屏幕大小，可以使用 CSS 中的视口单位（Viewport Units）。

视口单位是相对于浏览器窗口的大小来定义长度的单位，分为以下三种：

- vw：相对于视口宽度的 1/100；
- vh：相对于视口高度的 1/100；
- vmin：相对于视口宽度和高度中较小的那个的 1/100；
- vmax：相对于视口宽度和高度中较大的那个的 1/100。

可以在 CSS 中使用这些单位来设置 HTML body 的宽度和高度。

例如，以下代码可以使 HTML body 的宽度和高度都等于浏览器窗口的大小：

body {
  width: 100vw;
  height: 100vh;
}

此外，还可以使用 CSS 中的 `min-height` 和 `min-width` 属性来确保 HTML body 至少占据浏览器窗口的一定比例，例如：

body {
  min-width: 320px;
  min-height: 480px;
}

这样可以确保 HTML body 在较小的屏幕上也能正常显示。

css设置占满屏幕高度

如果想让一个元素的height占据整个屏幕高度，可以在CSS中使用如下代码：

html, body {
  height: 100%;
  margin: 0;
}

.element {
  height: 100%;
}

其中，将html和body元素的高度设置为100%是为了让元素占据整个屏幕高度，同时通过设置margin: 0来去掉默认的边距，使元素完全铺满整个页面。而将需要占据整个屏幕高度的元素的高度设置为100%即可实现。