Jquery 如何保持3个div以响应的方式对齐

我有一个带时钟的标志。这样做的目的是让时钟的指针移动，使它既酷又有趣。用jQuery移动双手并不是问题。问题是我希望一切都能有反应，当我缩小窗户时，指针就会从时钟部件上滑开

为了让事情更有趣，一切都是SVG的

思想代码：

HTML

我在这件事上胡闹的时间比我愿意承认的要长，我不得不承认我并没有这里的蜂群思维那么聪明。谢谢你的帮助

编辑：

#min, #hour {
position: absolute;
text-align: center;
width: 25%;
height: 25%;
left: 27%;
top: 18%;
}

---

能够通过响应媒体查询和将顶部和左侧属性更改为百分比来解决此问题

CSS:

#min, #hour {
position: absolute;
text-align: center;
width: 25%;
height: 25%;
left: 27%;
top: 18%;
}

---

您可以发布实际SVG/HTML的完整代码或代表性示例吗？仅仅看CSS是不够的（至少对我来说）Oops。抱歉，我是想发布HTML。如果可能的话，制作fiddle以便我们可以玩，除了我认为制作位置：标识框的绝对位置可能会解决您的问题。绝对位置不起作用，但我添加了fiddle链接。由于某种原因，手在小提琴中没有旋转。但是，主要问题仍然存在。那就解决吧，3个div在哪里？我只看到一个。

#min, #hour {
position: absolute;
text-align: center;
width: 25%;
height: 25%;
left: 27%;
top: 18%;
}