Html 如何在响应滑块上方缩放徽标

我有一个基于浏览器宽度缩放的滑块。 我已经在这个滑块的顶部添加了一个徽标，不能作为图像的一部分

问题：我不确定如何使徽标缩放，使其相对处于相同的位置，并且基于滑块的大小相同

新的响应，所以在寻找最好的方式来实现这一点，所以我可以在其他网站上使用它在未来。我不想创建6-8个媒体查询，所以想知道是否有其他选择

#logo {
  left: 125px;
  max-width: 100%;
  position: absolute;
  top: 50px;
  z-index: 99;
}

---

尝试在css中使用@media或使用引导类进行扩展。1根据常见问题解答，请不要链接到实时站点。2您的滑块是HTML5输入+范围吗？请尝试将徽标上的左、顶和宽度属性定义为百分比，而不是像素。@ckuijjer我觉得自己像个傻瓜！将所有属性更改为百分比似乎效果不错。它似乎也适用于文本！谢谢你知道有什么东西会对滑块内的字体做同样的事情吗？