html - 'transform：scale'を左側に配置するiframeの配置方法

Question

だから私はこのiframeを持っていて、'transform：scale' cssなしで、divの左上に表示されますが、追加した後

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

そのcssプロパティにそれは私が本当にそれをしたくない中心にそれ自身を自動的にスケーリングします。

これが私のjsfiddleリンクです：JSFiddleリンク

Answer 1

次のように、変換元を指定する必要があります。

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

デフォルト値はです。これが、の中央にシフトしているように50% 50%見える理由です。iframediv

これが更新されたフィドルで、含める必要のある他のすべてのプレフィックスバージョンが含まれています。