css背景图使短边可见

CSS的`background-size`属性可以设置背景图像的大小，其中有一种模式叫做"contain"或者"cover"。当使用"contain"时，背景图会尽可能地填充其容器，同时保持图片内容的比例不变。如果容器比背景图小，那么超出的部分会被裁剪掉，而不会让空白的短边可见。

但是，如果你想要确保背景图的短边能够始终可见，并且图片不会被拉伸，可以使用相对单位如百分比或者`min-width`和`min-height`，结合`background-position`来控制。例如：

.background {
  background-size: contain;
  min-width: 100%;
  min-height: 100%; /* 或者具体的值 */
  background-position: center;
}

在这个例子中，背景图会占据容器的最小宽度和高度，确保了短边可见，并且图片中心对齐。如果你想要短边完全展现，而不是缩放图片，可以将`background-size`设为`auto`，然后调整`padding`或`margin`来管理空白区域。