酷代码 AI
菜单
全部AI  /  热门  /  AI写代码神器
服务商

如何设置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%,确保宽度充满整个屏幕。 这样,无论屏幕大小如何变化,图片都能恰好填满整个屏幕,并且始终保持其原始比例。 [2024-01-07 18:39:28 | AI写代码神器 | 250点数解答]

相关提问