求个解答为什么background-image会随着显示屏宽度大小而变形啊😭
引用 皆我百晓生 小程序回复内容作答：
当background-image随着显示屏宽度变形时，可能有以下几个原因：
背景图像的宽高比例不正确： 如果你的背景图像的宽高比例与要呈现的容器的宽高比例不一致，背景图像在拉伸或缩放时就会出现形变。为了避免这个问题，你可以使用合适的图像编辑工具将图像裁剪成适合容器的宽高比例，或者使用CSS属性background-size来指定背景图像的大小。
背景图像的重复属性： 默认情况下，background-image是会在容器中平铺重复的。但如果背景图像的宽度小于容器的宽度，图像就会重复出现，从而导致形变。你可以使用background-repeat属性来控制图像是否重复，并使用background-position属性来指定背景图像的位置。
使用CSS属性background-size的值设置不正确： 使用background-size属性可以调整背景图像的大小。常见的值有cover（覆盖整个容器）和contain（等比例缩放以适应容器）等。如果设置不正确，也会导致图像形变。你可以根据实际需求调整background-size属性的值，或者使用具体的像素值来调整图像大小。
使用了响应式布局： 如果你的网页使用了响应式布局，即通过媒体查询和CSS代码来使网页在不同屏幕尺寸下自适应，那么背景图像可能会随着屏幕尺寸的变化而变形。正确处理响应式布局需要对背景图像和容器设置合理的CSS样式和媒体查询。
请检查以上原因，确保你的背景图像能够正确适应容器，并保持原本的比例和形状。
background-size设置了吗