使用CSS写背景图缩放 在网页设计中，背景图片的效果很重要。然而，有时图片大小与网页空间并不匹配。幸运的是，CSS提供了一些简单的代码，可以轻松地缩放背景图片。 使用 CSS 的 background-size 属性可以改变背景图片的大小。下面是一些示例代码： .pre { white-space: pre-wrap; /* 保留换行，因为代码段落可能非常长 */ }

让背景图片完全填充屏幕，而不改变图片的宽高比:

background-size: cover;

将背景图像调整为页面的宽度，并根据宽高比缩放:

background-size: contain;
background-repeat: no-repeat;
background-position: center;

使背景图像按比例缩放到与视区相同的大小:

background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;

将背景图像缩小到原始尺寸的一半:

background-size: 50% auto;

以上代码是实现背景图的缩放，通过background-size属性来控制缩放的程度。 总之，CSS写背景图缩放是一种方便、快捷的方法，通过几行代码就能让背景图与网页环境完美契合，让你的网站更加美观。