Html 调整浏览器窗口的大小时，图像保持不变

当我调整浏览器的大小时，图像保持不变，我的网站看起来很糟糕，所以我如何修复它，以便在调整浏览器的大小时，

.banner

图像具有响应性

.banner{
最大宽度：100%；
高度：自动；
位置：相对位置；
flex：无；
浮动：对；
z指数：-1；
顶部：-50px；
}

尝试

宽度：100%

并删除其他属性，然后再次检查它是否有效

包装您的

在css中

flex：无使图像不会收缩，从而在调整浏览器窗口大小时使图像溢出，请尝试删除
flex:none像这样从代码中删除

.banner{
最大宽度：100%；
高度：自动；
位置：相对位置；
浮动：对；
z指数：-1；
顶部：-50px；
}

您可以阅读更多关于flex属性的信息
因为使用了
max width
属性，CSS告诉对象可以是屏幕宽度的最大
100%
。但这也意味着你可以变小。或者尝试：


.banner{
最小宽度：100%；
最大宽度：100%；
高度：自动；
位置：相对位置；
flex：无；
浮动：对；
z指数：-1；
顶部：-50px；
}