CSS是一种用于描述网页内容的样式语言，可以用于控制网页的布局、样式和外观。在CSS中，容器(container)是指包含网页内容的盒子，容器的大小可以通过设置盒模型(container size)来控制。
当容器变小时，CSS样式的效果也会相应的发生变化。例如，当容器缩小时，文本的大小也会随之缩小，页面中的元素也会按比例缩小。当容器缩小到一定程度时，元素的大小会恢复到原始大小，即缩放完成后的的大小。这个过程被称为“反弹”，因为当容器缩小时，元素的大小并没有立即恢复，而是需要一定的时间。
下面是一个示例，展示了当容器缩小后CSS样式的效果：
“`html
<div class=”container”>
<div class=”text”>这里是文本内容</div>
</div>
“`css
.container {
width: 800px;
height: 600px;
background-color: blue;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
.text {
font-size: 16px;
color: white;
width: 200px;
height: 200px;
background-size: cover;
background-position: center;
在上述示例中，当容器宽度为800px时，高度为600px时，样式会被应用到容器上。当容器缩小到400px时，容器的宽度变为400px，高度变为200px，同时样式也会恢复到原始大小，即400px×200px。当容器缩小到200px时，容器的宽度变为200px，高度也变为200px，但样式会反弹到原始大小，即200px×200px。
需要注意的是，容器缩小后反弹的过程可能会因为浏览器、设备或渲染引擎的不同而有所差异。此外，如果容器的大小被动态更改，容器缩小和恢复的过程也可能会有所不同。因此，在设计网页时，需要仔细考虑容器的大小，以确保样式能够正确地应用到不同的容器中。