如何使用 webkit-transform 进行足够的翻译，以便

Question

我在 css 中使用 webkit-transform: scale(zoomFactor,zoomFactor) 来缩放 iframe 的内容。当我将其缩放到合适的大小以适合 iframe 内时，元素的位置会像这样偏移： 我不知道如何找到 x 和 y 我需要偏移它才能得到它，以便 iframe 的内容看起来与缩放之前在同一个角落。内容偏移量取决于比例因子的大小。有谁知道我怎样才能让它工作？

Answer 1

通过使用变换，您可以设置变换原点。

在您的情况下，您希望缩放到左上角。

所以原点不应该是默认的（中心），而是在左边 0px 和顶部 0px。

-webkit-transform-origin:0px 0px;