如何在改变网页缩放后保持图像结构相同

Question

您好我在网页上保持结构相同无法正常运行，因为当我放大或缩小时，它会改变一切。我想要它，以便当网页放大或缩小时，它不会改变设计。

100％网页缩放时的结构是什么样的

当我放大到110％时，就会发生这种情况。当我希望它保持与100％

相同的结构时，它会将另一张图片向下推

<section class='images'>
<img class="review-img" src="./images/flower.jpg"></img></a>
<img class="review-img" src="./images/flower.jpg"></img></a>
<img class="review-img" src="./images/flower.jpg"></img></a>
<img class="review-img" src="./images/zoo1.jpg"></img>
</section>

.images {
margin-bottom: 0px;
background-position: center;
text-align: center;
margin-left:170px;
margin-right:170px;

}

.review-img {
width: 210px;
margin: 40px;
height: 320px;
border: solid 5px white;
}