如何将带有'transform：scale'的iframe放到左侧

Question

所以我有这个iframe并没有任何'transform：scale'css它显示在div的左上角但是在我添加之后

-webkit-transform:scale(0.6,1);
margin-left:0.0em;

到它的css属性它自动将它自我缩放到中心，我真的不想这样做。

这是我的jsfiddle链接：JS Fiddle link

Answer 1

您需要提供transform-origin，如下所示：

-webkit-transform-origin:0 0;
-webkit-transform:scale(0.6,1);

默认值为50% 50%，这就是为什么您看到iframe似乎会转移到div的中心。

Here's an updated fiddle，包括您应该包含的所有其他前缀版本。