徽标变小然后开始扩大而不是变小

Question

#logo {
width: 30%;
height: auto;
border-radius: 25px;
background-color: gray;
margin-top: 0.2%;
padding-left: 35%;
padding-right: 35%;
padding-top: 10px;
padding-bottom: 10px;
}

这是代码。徽标会一直缩小，直到资源管理器的窗口大小约为原始宽度的40％，然后徽标开始再次扩展，并在侧面拉伸并添加滚动条。烦人的是，如果我调整浏览器的大小并刷新它，一切都很好，但是不刷新，只会使网站的整体外观混乱。我是HTML和CSS的新手，我已经尝试了一个小时的解决方案，但没有成功。