缩放和居中iFrame

时间:2016-03-02 16:34:51

标签: html css iframe

我有这个:

<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;,但没有运气。

有什么想法吗? 感谢

1 个答案:

答案 0 :(得分:0)

-webkit-transform-origin: top centre;

工作并更改了包装尺寸