Question

我正在尝试放大（不更改尺寸）iFrame，其中源是SWF文件。

<iframe src="http://ray.eltania.net/TEST/swf-play/swf/testMotion.swf" width="600px" height="500px" frameBorder="0"></iframe>

http://jsfiddle.net/MuxRX/

如您所见，iFrame的大小为600x500px。我想放大SWF的内容。想象一下放大90％，然后你只会偶尔看到滑块，但保持相同的框架大小。

我尝试了StackOverflow上的每个链接，但每个结果只是改变了内容的大小，我想要一个缩放效果。我不想要这样的东西：

iframe {
    zoom: 0.5;
}

http://jsfiddle.net/MuxRX/1/

Answer 1

如果Iframe来自不同的域，则不能。这将是一个跨站点脚本攻击，它将被浏览器阻止。

Answer 2

我已经创建了一个像这样的解决方法

<强> HTML

<iframe class="zoom" src="http://something"></iframe> <!-- add class zoom to iframe -->

<强> CSS

iframe {
  width: 400px;
  height: 400px;
  border: 0;
}
.zoom {
  -webkit-transform: scale(2); /* Safari and Chrome */ 
  transform: scale(2); /* zoom factor - prefix if needed */
  width: 200px; /* half of iframe width */
  height: 200px; /* half of iframe height */
  margin: 100px 0 0 100px; /* reposition iframe */
  overflow: hidden; /* remove big-ass scrollbars */
}

放大iFrame的内容

2 个答案: