CSS:background-size产生的问题

做项目的时候发现用background-size:100% 100%设置背景图的大小时出现了个问题：

当它的高度发生变化时背景图的位置会发生偏移 查阅了一些资料

background-size:100% 100%; 意味着背景图片会填充整个容器，并且在容器高度变化时，背景图片会相应地进行缩放，导致图片位置的变化。

background-size: cover;。这将保持背景图片的纵横比，并尽可能填充整个容器，但可能会裁剪部分图片。   用这个不会发生偏移 但是会被裁剪图片也会被放大 。效果不尽人意

background-size：100%;相当于background-size：100% auto的写法，x轴100%铺满整个容器，y轴根据图片原来的比例，以及现有的宽度，来确定高度。超出的部分隐藏

background-size：100%用这个就完美解决了 图片不变形缺点就是多余的部分会隐藏