Html Can'；t将徽标图像的属性设置为响应

我想建立一个导航栏，它在向下滚动时会改变它的大小。问题是，我不知道如何使我的徽标图像具有响应性。我的意思是当收割台在顶部时，是全宽和全高，当我把我的导航变小时，是缩小的

下面我有一个来自代码笔的简单代码，告诉你们我想要得到什么

nav{
背景:#555；
高度：80px；
}
.导航内容{
显示器：flex；
}
.标志{
高度：自动；
宽度：100%；
}
保险商实验室{
显示器：flex；
列表样式：无；
}
ulli{
填充：1rem4rem；
}

第一
2号
3号
4号
5号

将此样式用于li标签，并将为您提供响应性标题栏，我希望这就是您需要的

ul li {
  padding: 1vw 4vw;
}

---

使用这种风格的李标签，将给你响应标题栏，我希望这是你正在寻找的

ul li {
  padding: 1vw 4vw;
}

---

只需在每次需要响应时向图像添加填充即可

只需在每次需要响应时向图像添加填充即可

您错过了在示例中添加徽标无论如何，您必须添加一点JS，以了解页面何时滚动，从那里修改你的CSS你错过了在你的示例中添加徽标无论如何，你必须添加一点JS，以了解页面何时滚动，然后从那里修改你的cssHow这是一个可接受的答案吗？不接受正确的答案@dconstantin没有看到，我很抱歉这个问题，我想给那个答案一个“有用”的点击，而不是让它成为首选答案。这怎么可能是一个可接受的答案？不接受正确的答案@dcontain没有看到，我对这个问题感到抱歉，我想给那个答案一个“有用”的点击，而不是让它成为首选答案。