如何缩放响应滑块的徽标

Question

我有一个基于浏览器宽度缩放的滑块 我在此滑块上添加了 ontop 徽标（不能成为图片的一部分）。

问题：我不确定如何使徽标按比例缩放，因此它基于滑块位于相同的位置和相同的大小。

http://www.nsy4mh.com/

新的响应式，所以看看获得最佳方法来实现这一点，以便将来可以在其他网站上使用它。我宁愿不必创建6-8个媒体查询，所以想知道是否有任何替代方案。

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