Html 响应时钟设计 当改变屏幕分辨率时，我需要使这个时钟响应，这意味着在时钟的中途顺时针旋转，在旋转时不移动< /P>

.时钟{宽度：500px； 高度：500px； 边界半径：100%； 保证金：自动； 背景：333人； 边框：22px实心rgb41,25,25； 位置：相对位置； 盒影：0 5px 0 0 rgba0,0,0,3，嵌入0 35px 0 rgba0,0,0,3，嵌入0 0 214px c33； } .小时{ 位置：绝对位置； 顶部：87px； 左：822.5px； 宽度：35px； 高度：198px； 显示：块； 保证金：自动； 盒影：插图0px 2px 0 0 fff，插图0px 198px 0 0 333； 变换：旋转150度； 变换原点：底部； } .分钟{ 位置：绝对位置； 顶部：115px； 左：822.5px； 宽度：35px； 高度：170px； 显示：块； 保证金：自动； 盒影：插图0px 2px 0 0 fff，插图0px 170px 0 0 333； 变换：旋转150度； 变换原点：底部； } 试试这个代码

.钟{ 宽度：500px； 高度：500px； 边界半径：100%； 保证金：自动； 背景：333人； 边框：22px实心rgb41,25,25； 位置：相对位置； 盒影：0 5px 0 0 rgba0,0,0,3，嵌入0 35px 0 rgba0,0,0,3，嵌入0 0 214px c33； } .小时{ 位置：绝对位置； 顶部：87px； 左：50%； 宽度：35px； 高度：198px； 显示：块； 保证金：自动； 盒影：插图0px 2px 0 0 fff，插图0px 198px 0 0 333； 变换：旋转150度； 变换原点：底部； } .分钟{ 位置：绝对位置； top:41px； 左：46%； 宽度：35px； 高度：170px； 显示：块； 保证金：自动； 盒影：插图0px 2px 0 0 fff，插图0px 170px 0 0 333； 变换：旋转100度； 变换原点：底部； }

---

响应性意味着放弃px，转而使用vh、vw等响应性单位up@RokoC.Buljan在宽度和高度上或在位置上