没问题！我帮你调整CSS代码来实现需求，完全基于background-image属性搞定，完整代码如下：

body {
  background-image: url("img-address");
  /* 禁止背景图片重复平铺 */
  background-repeat: no-repeat;
  /* 按比例缩放图片，尽可能铺满整个body区域（保持比例，超出部分裁剪） */
  background-size: cover;
  /* 让图片在容器中居中显示，避免裁剪掉关键内容 */
  background-position: center center;
  /* 确保body元素至少占满浏览器视口高度 */
  min-height: 100vh;
  /* 移除body默认外边距，避免出现白边 */
  margin: 0;
}

关键属性说明： #

• background-repeat: no-repeat：直接满足你“背景图片不重复”的核心要求。
• background-size: cover：这是实现“铺满屏幕”的关键，它会让图片等比例缩放，直到完全覆盖整个body区域，不会出现拉伸变形的情况。如果图片比例和视口不一致，超出部分会被裁剪。
• min-height: 100vh：强制body元素至少占满当前浏览器视口的高度，避免页面内容过少时背景只显示一部分。
• margin: 0：清除body默认的外边距，防止屏幕边缘出现不必要的空白。

如果想要图片完整显示（不裁剪），可以把background-size: cover换成background-size: contain，但这种方式会在屏幕边缘出现空白区域，你可以根据实际场景选择。

内容的提问来源于stack exchange，提问作者Brandaboss