フレームセットを使用せずにIFRAMEコンテンツをズームするにはどうすればいいですか？

フレームの内容のみをズームする必要があります。私のウェブページでは、zoom: 0.75; height: 520px; width: 800px;を使用しました。ズーム値を大きくすると、フレームサイズが大きくなります。フレームセットを使用せずにIFRAMEコンテンツをズームするにはどうすればいいですか？

<HTML> 
<HEAD> 
    <TITLE> New Document </TITLE> 
<STYLE> 

#frame { width: 800px; height: 520px; border: 1px solid black; } 
#frame { zoom: 0.75; -moz-transform: scale(0.75); -moz-transform-origin: 0 0; } 
</STYLE> 
</HEAD> 

<BODY> 

    <IFRAME id="frame" src="http://www.google.com"></IFRAME> 

    </BODY> 

</HTML>

上記のサンプルHTMLページでは、IFRAMEのサイズを変更せずにIFRAMEの内容をズームしたいと考えています。

出典

2011-08-26 Baskaran

[どのように私は、IFRAMEの内容を拡張することができますか？]の可能複製（http://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of -an-iframe） – bummi

これはjavascriptを使用する必要がある場合があります。

ここでjQueryのためのズームプラグインがあります：http://css-tricks.com/examples/AnythingZoomer/

あなたは（、ローカルのWebページ（例えばframe.htm。）へのiframe srcを変更するフレーム内のdiv要素を配置し、jqueryの負荷を使用することができます）コンテンツをフレームにロードする機能：

<script type="text/javascript"> 
    $(document).ready(function() { 
      $("#loadGoogle").load("pageToLoad.html", function(){ 
      //loaded 
      }); 
    }) 
</script> 
<div id="loadGoogle" style="width: 100%; height: 100%;"></div>

次に、フレーム内でjqueryズームプラグインを使用してコンテンツをズームします。

<script type="text/javascript"> 
    $("#loadGoogle").anythingZoomer({ 

     expansionSize: 30, 
     speedMultiplier: 1.4 

    }); 
</script>

出典

2011-08-26 12:15:02 Dan

jqueryなしどうすればいいですか？ – Baskaran

問題は、iframeの内容ではなく、ズームするようにiframeに指示していることです。 CSS "#frame {zoom：0.75 ..."を使用すると、望む結果が得られません。 – Dan

私は自分のFacebookでスクリプトを使用しているし、それはIEとFirefox

<style type="text/css"> 
#iframe { 
    zoom: 0.15; 
    -moz-transform:scale(0.75); 
    -moz-transform-origin: 0 0; 
    -o-transform: scale(0.75); 
    -o-transform-origin: 0 0; 
    -webkit-transform: scale(0.75); 
    -webkit-transform-origin: 0 0; 
} 
</style> 

<iframe src="https://www.wikipedia.org/" height="700" width="550">Wikipedia Encyclopedia</iframe>

出典

2012-02-14 12:24:44

これは素晴らしいですが、** ** zoom **と**ベンダー固有のプロパティのうちの1つを使用しないでください。例：Chromeを使用している場合、「iframe」がズームされて変換されます。これがダブルズームにつながります。 – Gerwald

これは質問にはあまり答えてくれませんか？ OPは明らかにiframeの**コンテンツ**を拡張しようとしています** ** iframe自体ではありません。 – rustyx

ない、これはリンクされた文書が、ローカルでホストされているコンテンツでは、次の作品で動作することを確認して働いています：

<IFRAME id="frame" src="local.pdf#zoom=100"></IFRAME>

出典

2015-05-01 14:02:32

-1

更新された回答については、これは素晴らしいガイドです。乾杯

http://www.collaboration133.com/how-to-scale-iframe-content-in-ie-chrome-firefox-and-safari/2717/

出典

2015-07-14 06:21:02

フレームセットを使用せずにIFRAMEコンテンツをズームするにはどうすればいいですか？

答えて

関連する問題