html - 如何将带有'transform：scale'的iframe放在左侧

Question

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

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

到它的 css 属性它会自动将它自己缩放到中心，我真的不希望它也这样做。

这是我的 jsfiddle 链接：JS Fiddle 链接

Answer 1

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

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

默认值为50% 50%，这就是为什么您会看到iframe出现移动到您的div.

这是一个更新的 fiddle，包括您应该包括的所有其他前缀版本。