css设置背景图片大小自适应

/* 设置背景图片大小自适应 */
body {
  /* 使用 background-size 属性设置背景图片大小 */
  background-image: url('your-image-url.jpg'); /* 替换为你的图片路径 */
  background-size: cover; /* cover 表示图片会缩放以覆盖整个元素，可能会裁剪部分内容 */
  background-position: center; /* 将背景图片居中显示 */
  background-repeat: no-repeat; /* 防止背景图片重复 */
}

/* 如果你希望背景图片在所有设备上都保持原始比例并且完全显示，可以使用 contain */
div {
  background-image: url('your-image-url.jpg'); /* 替换为你的图片路径 */
  background-size: contain; /* contain 表示图片会缩放以适应元素的大小，不会被裁剪 */
  background-position: center; /* 将背景图片居中显示 */
  background-repeat: no-repeat; /* 防止背景图片重复 */
}

解释说明：

• background-size: cover;：使背景图片缩放以覆盖整个元素，可能会裁剪部分内容。
• background-size: contain;：使背景图片缩放以适应元素的大小，不会被裁剪，但可能会留白。
• background-position: center;：将背景图片居中显示。
• background-repeat: no-repeat;：防止背景图片重复显示。