无论屏幕大小如何，都要跟随容器的容器周围的图像

Question

以下是我的项目的实时链接 - http://sunwaycleanairproject.com/pledge

我在瓷砖的角落周围放置了3张图片 -

 <div class="back-top-right"></div>
 <div class="back-bottom-right"></div>
 <div class="back-bottom-left"></div>

.master-container .back-top-right {
position: absolute;
top: 2%;
left: 78%;
background: url(../../images/27.png) center center no-repeat;
width: 248px;
height: 214px;
content: ' ';
}

.master-container .back-bottom-left {
left: -22px;
bottom: 40px;
background: url(../../images/28.png) center center no-repeat;
width: 248px;
height: 253px;
}

.master-container .back-bottom-left {
left: -22px;
bottom: 40px;
background: url(../../images/28.png) center center no-repeat;
width: 248px;
height: 253px;
}

如何改善我的css，使图像根据容器移动并保持原位？

我正在使用15英寸macbook pro屏幕，而全屏它看起来不错。如果我以不同的屏幕尺寸（特别是较大的屏幕）浏览本网站，这些图像将遍布整个地方。我希望它们始终保持在原位，始终位于网格容器的角落。

Answer 1

使某些屏幕的大小固定。 Mediaqueries将提供帮助