我已经设置了两个背景图像的陈列并排。 当我在全屏上看到它时，它看起来还不错，但当我通过移动web浏览器改变屏幕大小时，左边的图像就会覆盖到右边的图像上。 所以我想知道如何设置两个图像的移动相等。 （意思是相等地改变图像的大小，而不是左一个在右图像上翻过去）非常感谢您的帮助。
#showcase{
min-height: 400px;
background: url("../IMGS/showcase.jpg") left no-repeat, url("../IMGS/showcase2.jpg") right no-repeat;
padding: 15px;
}
您应该在background-position属性后面添加/50%，在本例中，该属性对于任一图像都是left或right。
您可以看到css块，如下所示:
#showcase{
min-height: 400px;
background: url("../IMGS/showcase.jpg") left / 50% no-repeat, url("../IMGS/showcase2.jpg") right / 50% no-repeat;
padding: 15px;
}
您可以在MDN Web文档中阅读更多内容并对该属性进行实验:
https://developer.mozilla.org/en-us/docs/web/css/background
您可能必须单独样式每个图像“宽度:50VW；” 这将使它们中的每一个都占据视图端口的50%，而不管窗口的大小。 因此它们都应该动态变化，并在窗口增加或减少时调整相同的大小。
