css缩放后，make元素的行为相同

Question

我一直用javascript操纵div。

有时候我需要让那些div适合容器，这个容器的大小正在发生变化。

实现这一目标的一种方法是使用css缩放。 缩放的问题在于它简单地缩小了元素的图像。 系统继续以相同的方式查看元素。所以所有位置等都会变得歪斜。例如，如果我将div定位为top：0％，那么如果元素按比例缩小，它将不会达到零百分比但略低于该百分比，因为系统认为div大于其视觉效果所示。 / p>

这种行为的改变会导致很多复杂因素，因为系统现在正在对那些根本不成立的元素做出假设。 这是糟糕的编程。

我看着＆＃39; zoom＆＃39;但文章警告不要使用它。

是否有任何方法可以扩展元素并保持系统更新以实际发生什么？

Answer 1

默认的transform-origin是50% 50%（元素的中间），所以当你用scale缩小元素的大小时，边缘从所有边向中间“缩回”

所以左上角似乎向下移动到右边。但是，如果将transform-origin设置为0% 0%（左上角），则只有右侧和底侧移动。

希望这有帮助！