フルページズームのブラウザでは、この機能を使用してiframeのズームを設定できますか？

Question

私は、すべてのブラウザが、今日、全面的にユーザコントロールされたフルページズームを持っていると思います。とにかく、html、css、javascriptのいずれかを介して、開発者がアクセス可能なのでしょうか？

iframe、または通常のフレームでも、50％ズームに設定したいと考えています。 （含まれているドキュメントの現在のズームと比べて理想的です）

これはすべて実行可能ですか？私はそれが既存の機能的な実装を持っている限り、HTML 5のソリューションであれば気にしません。たとえそれが夜間のビルドにあっても。

少なくともWebKitとGeckoで動作していればとてもうれしく、Tridentでもあればボーナスです。

div.zoom { zoom: 200%; } 

<div class="zoom"> 
    <p>Hello World</p> 
</div> 

これはない作業だけでifarmeタグに追加します：

<iframe id="myFrame" class="zoom" /> <!-- doesn't work --> 

あなたがする必要があります私は考えることができる

Answer 1

以下はSafari 4.0.2と最新のWebKitで毎晩動作します。しかし、Google Chrome（WindowsもMacも）では動作しません。

Firefox 3.5とIE 8.0では、何も処理しません。また、夜間に最新のカミノを扱うこともありません。このような

もFFで行うことができます

<style type="text/css" media="screen"> 
    iframe { 
    width : 500px; 
    height : 250px; 
    } 
</style> 

<script type="text/javascript" charset="utf-8"> 
    function setZoom(element, zoom) { 
    element.style.zoom = (zoom || 50) + '%' 
    } 
</script> 

<p>Hello World</p> 

<iframe 
    src = 'http://google.com' 
    onload = "setZoom(this.contentDocument.body)" 
    /> 

Answer 2

最も近いものは、CSS3でZoomですBODYまたはwrapper-divのいずれかのiframe DOM自体内のコンテンツタグに適用します。

これ以外にも、私はこれを行う方法がわかりませんが、これはクロスブラウザを大きくサポートしています。

Answer 3

は、：

iframe { 
-moz-transform: scale(0.5, 0.5); /* 50% */ 
} 

それは素晴らしい作品！

チェック：私のために働いhttps://developer.mozilla.org/en/CSS/-moz-transform

Answer 4

このHTML5とCSS3のコードは次のとおりです。8にIE 6のためにズームし、近代的なブラウザの残りのスケールを変換します。

#iframe{ 
    zoom: 0.75; 
    -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; } 

Firefox 3.5以降、Safari 3.1、Chrome 4.0、Opera 10.5がサポートされています。

のようなJSまたはJQueryソリューションを探しています。これは、xy軸とオフセットに基づいてカスタムビルドされた関数を備えた古いバージョンのクロスブラウザで動作します。

私はパスがxy軸の機能を使用することだと考えていますが、あらかじめ作成されたズームアウトコードを見つけてシードとして使用することはできません。