3

ソースが SWF ファイルである iFrame を (サイズを変更しないで) 拡大しようとしています。

<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/

4

2 に答える 2

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 */
}
于 2013-10-23T13:49:47.357 に答える
1

Iframe が別のドメインからのものである場合は、できません。これはクロスサイト スクリプティング攻撃であり、ブラウザーによってブロックされます。

于 2013-09-24T20:27:19.440 に答える