html - 缩放和居中 iFrame

Question

我有这个:

<div id="wrap">
   <iframe id="frame" src="https://www.webcamimageexample.com" allowfullscreen="" frameborder="0"  scrolling="no" align="centre">
   </iframe>                
</div>

还有这个 CSS:

#frame {  
  -ms-zoom: 0.4;
  -ms-transform-origin: 0 0;
  -moz-transform: scale(0.4);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.4);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.4);
  -webkit-transform-origin: 0 0;
}

一切正常。但是对齐已关闭。我希望图像向右移动 50px。我试图更改 -webkit-transform-origin: 0 0; 但没有任何运气。

有什么想法吗？谢谢

Answer 1

-webkit-transform-origin: top centre;

工作并改变了环绕大小