html - 如何将带有 '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 ，包括您应该包括的所有其他前缀版本。