当我的浏览器尺寸小于950像素时，我的主图像停止变小，并开始隐藏在浏览器窗口的后面。我试图改变宽度，但后来我开始看到我的背景色。为什么会这样，我该如何解决？
这是我的Codepen
而我的代码的一部分：
#image {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: auto;
border-bottom: 1px solid #ed1c24;
object-fit: cover;
}
顺便说一句，我不知道是否在这里习惯（如果不是，只是告诉我）在一篇文章中问两个问题，我不知道为什么我的媒体停止响应，当我达到830px时，没有什么变化。它像两分钟前一样工作。
谢谢你们
最佳答案
在#image上设置：
height: auto;
而且您在第一个媒体查询（第189行）上缺少括号，这就是为什么其他媒体不起作用的原因。
同样，当位置设置为相对时，上，下，左和右也不起作用。
编辑：我在您的Codepen中玩了一些其他元素。这应该更接近您想要的：https://codepen.io/anon/pen/OZEOdW?editors=1100
至少您可以将其与您的版本进行比较，可能会有所帮助:)
关于css - 如何使我的图像变得越来越小？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50317896/