CSS技巧：让 body 的 background-image 完美适配屏幕大小

你可以通过CSS的background-size属性来设置图片的大小，使其刚好适应屏幕大小。以下是一个例子： ```css body { background-image: url("yourimage.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100vh; width: 100%; } ``` 在上述代码中， - `background-image: url("yourimage.jpg");` 设置了图片。 - `background-position: center;` 将图片在中居中。 - `background-repeat: no-repeat;` 确保图片不会重复。 - `background-size: cover;` 这个属性会使得图像填满整个容器，保持其宽高比，图像的某些部分可能会被裁剪以适应容器尺寸。 - `height: 100vh;` 设置body的高度为视窗高度（viewport height），确保高度充满整个屏幕。 - `width: 100%;` 设置body的宽度为100%，确保宽度充满整个屏幕。 这样，无论屏幕大小如何变化，图片都能恰好填满整个屏幕，并且始终保持其原始比例。 ######[AI写代码神器 | 250点数解答 | 2024-01-07 18:39:28]