css悬浮提示框在父节点缩放时，悬浮框大小保持不变
2020-08-12 本文已影响0人
hello_小丁同学
css 实现悬浮提示框的思路是，在每一个需要显示悬浮提示框的地方，将其作为子节点插入进去，如果父节点要求缩放，那么它所有的子节点一起被缩放。现在想要让悬浮框不随父节点变化，很明显做不到。很直接的想法是将悬浮框跟目标父容器脱钩，摆脱父子关系是不是就可以了，这是一种思路，但是这样会涉及到把已经写好的逻辑进行大量重构。另外一种思路是，直接缩放悬浮提示框，比如父容器被扩大了2倍，那么就把它的悬浮提示框直接缩小0.5倍，缩小的时候记得调整transform-origin
